@markuplint/html-spec 4.16.0 → 4.17.0

package/index.json

@@ -275,6 +275,16 @@
 						"enum": ["enter", "done", "go", "next", "previous", "search", "send"]
 					}
 				},
+				"headingoffset": {
+					"type": {
+						"type": "integer",
+						"gte": 0,
+						"lte": 8
+					}
+				},
+				"headingreset": {
+					"type": "Boolean"
+				},
 				"hidden": {
 					"type": {
 						"enum": ["", "hidden", "until-found"]
@@ -4180,7 +4190,7 @@
 					},
 					{
 						"name": "document",
-						"description": "An element containing content that assistive technology users might want to browse in a reading mode.\n\nWhen user agent focus moves to an element assigned the role of document, assistive technologies having a reading mode for browsing static content MAY switch to that reading mode and intercept standard input events, such as Up or Down arrow keyboard events, to control the reading cursor.\n\nBecause assistive technologies that have a reading mode default to that mode for all elements except for those with either a widget or application role, the only circumstance where the document role is useful for changing assistive technology behavior is when the element with role document is a focusable child element of a widget or application. For example, given an application element which contains some static rich text, the author can apply role document to the element containing the text and give it a tabindex of 0. When a screen reader user presses the Tab key and places focus on the document element, the user will be able to read the text with the screen reader's reading cursor.",
+						"description": "An element containing content that assistive technology users might want to browse in a reading mode.\n\nWhen user agent focus moves to an element assigned the role of document, assistive technologies having a reading mode for browsing static content MAY switch to that reading mode and intercept standard input events, such as Up or Down arrow keyboard events, to control the reading cursor.\n\nBecause assistive technologies that have a reading mode default to that mode for all elements except for those with either a widget or application role, the only circumstance where the document role is useful for changing assistive technology behavior is when the element with role document is a focusable accessibility child of a widget or application. For example, given an application element which contains some static rich text, the author can apply role document to the element containing the text and give it a tabindex of 0. When a screen reader user presses the Tab key and places focus on the document element, the user will be able to read the text with the screen reader's reading cursor.",
 						"generalization": ["structure"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -6377,7 +6387,7 @@
 					},
 					{
 						"name": "log",
-						"description": "A type of live region where new information is added in meaningful order and old information can disappear. See related marquee.\n\nExamples include chat logs, messaging history, game log, or an error log. In contrast to other live regions, in this role there is a relationship between the arrival of new items in the log and the reading order. The log contains a meaningful sequence and new information is added only to the end of the log, not at arbitrary points.\n\nElements with the role log have an implicit aria-live value of polite.",
+						"description": "A type of live region where new information is added in meaningful order and old information can disappear.\n\nExamples include chat logs, messaging history, game log, or an error log. In contrast to other live regions, in this role there is a relationship between the arrival of new items in the log and the reading order. The log contains a meaningful sequence and new information is added only to the end of the log, not at arbitrary points.\n\nElements with the role log have an implicit aria-live value of polite.",
 						"generalization": ["section"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -6707,7 +6717,7 @@
 					},
 					{
 						"name": "marquee",
-						"description": "A type of live region where non-essential information changes frequently. See related log.\n\nCommon usages of marquee include stock tickers and ad banners. The primary difference between a marquee and a log is that logs usually have a meaningful order or sequence of important content changes.\n\nElements with the role marquee have an implicit aria-live value of off.",
+						"description": "A section of content where non-essential information changes frequently.\n\nCommon usages of marquee include stock tickers and ad banners.",
 						"generalization": ["section"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -7815,7 +7825,7 @@
 					},
 					{
 						"name": "none",
-						"description": "An element whose implicit native role semantics will not be mapped to the accessibility API. See synonym presentation.\n\nIn ARIA 1.1, the working group introduced none as a synonym to the presentation role, due to author confusion surrounding the intended meaning of the word \"presentation\" or \"presentational.\" Many individuals erroneously consider role=\"presentation\" to be synonymous with aria-hidden=\"true\", and we believe role=\"none\" conveys the actual meaning more unambiguously.\n\nThe intended use is when an element is used to change the look of the page but does not have all the functional, interactive, or structural relevance implied by the element type, or can be used to provide for an accessible fallback in older browsers that do not support WAI-ARIA.\n\nExample use cases:\n\nFor any element with a role of none/presentation and which is not focusable, the user agent MUST NOT expose the implicit native semantics of the element (the role and its states and properties) to accessibility APIs. However, the user agent MUST expose content and descendant elements that do not have an explicit or inherited role of none/presentation. Thus, the none/presentation role causes a given element to be treated as having no role or to be removed from the accessibility tree, but does not cause the content contained within the element to be removed from the accessibility tree.\n\nFor example, the following two markup snippets will be exposed similarly to an accessibility API.\n\nIn HTML, the <img> element is treated as a single entity regardless of the type of image file. Consequently, using role=\"none\" or role=\"presentation\" on an HTML img is equivalent to using aria-hidden=\"true\". In order to make the image contents accessible, authors can embed the object using an <object> or <iframe> element, or use inline SVG code, and follow the accessibility guidelines for the image content.\n\nAuthors SHOULD NOT provide a non-empty text alternative when the none/presentation role is applied to an image.\n\nIn the following code sample, the containing img and is appropriately labeled by the caption paragraph. In this example the img element can be marked as none/presentation because the role and the text alternatives are provided by the containing element.\n\nIn the following code sample, because the anchor (HTML a element) is acting as the treeitem, the list item (HTML li element) is assigned an explicit WAI-ARIA role of none/presentation to override the user agent's implicit native semantics for list items.\n\nThe none/presentation role is used on an element that has implicit native semantics, meaning that there is a default accessibility API role for the element. Some elements are only complete when additional descendant elements are provided. For example, in HTML, table elements (matching the table role) require tr descendants (which have an implicit row role), which in turn require th or td children (the columnheader or rowheader and cell roles, respectively). Similarly, lists require list item children. The descendant elements that complete the semantics of an element are described in WAI-ARIA as Allowed Accessibility Child Roles.\n\nWhen an explicit or inherited role of none/presentation is applied to an element with the implicit semantic of a WAI-ARIA role that has Allowed Accessibility Child Roles, in addition to the element with the explicit role of none/presentation, the user agent MUST apply an inherited role of none to any accessibility descendants that do not have an explicit role defined. Also, when an explicit or inherited role of none/presentation is applied to a host language element which has specifically allowed children as defined by the host language specification, in addition to the element with the explicit role of none/presentation, the user agent MUST apply an inherited role of none to any specifically allowed children that do not have an explicit role defined.\n\nFor any element with an explicit or inherited role of none/presentation and which is not focusable, user agents MUST ignore role-specific WAI-ARIA states and properties for that element. For example, in HTML, a ul or ol element with a role of none/presentation will have the implicit native semantics of its li elements removed because the list role to which the ul or ol corresponds has an Allowed Accessibility Child Role of listitem. Likewise, the implicit native semantics of an HTML table element's thead/tbody/tfoot/tr/th/td descendants will also be removed, because the HTML specification indicates that these are required structural descendants of the table element.\n\nOnly the implicit native semantics of elements that correspond to WAI-ARIA Allowed Accessibility Child Roles are removed. All other content remains intact, including nested tables or lists, unless those elements also have an explicit role of none/presentation specified.\n\nFor example, according to an accessibility API, the following markup elements might have identical or very similar role semantics (generic or none role) and identical content.\n\nThere are other WAI-ARIA roles with specific allowed children for which this situation is applicable (e.g., feeds and listboxes), but tables and lists are the most common real-world cases in which the none/presentation inheritance is likely to apply.\n\nFor any element with an explicit or inherited role of none/presentation, user agents MUST apply an inherited role of none to all host-language-specific labeling elements for the presentational element. For example, a table element with a role of none/presentation will have the implicit native semantics of its caption element removed, because the caption is merely a label for the presentational table.\n\nInformation about resolving conflicts in the none/presentation role has been moved to Handling Author Errors",
+						"description": "An element whose implicit native role semantics will not be mapped to the accessibility API. See synonym presentation.\n\nIn ARIA 1.1, the working group introduced none as a synonym to the presentation role, due to author confusion surrounding the intended meaning of the word \"presentation\" or \"presentational.\" Many individuals erroneously consider role=\"presentation\" to be synonymous with aria-hidden=\"true\", and we believe role=\"none\" conveys the actual meaning more unambiguously.\n\nThe intended use is when an element is used to change the look of the page but does not have all the functional, interactive, or structural relevance implied by the element type, or can be used to provide for an accessible fallback in older browsers that do not support WAI-ARIA.\n\nExample use cases:\n\nFor any element with a role of none/presentation and which is not focusable, the user agent MUST NOT expose the implicit native semantics of the element (the role and its states and properties) to accessibility APIs. However, the user agent MUST expose content and descendant elements that do not have an explicit or inherited role of none/presentation. Thus, the none/presentation role causes a given element to be treated as having no role or to be removed from the accessibility tree, but does not cause the content contained within the element to be removed from the accessibility tree.\n\nFor example, the following two markup snippets will be exposed similarly to an accessibility API.\n\nIn HTML, the <img> element is treated as a single entity regardless of the type of image file. Consequently, using role=\"none\" or role=\"presentation\" on an HTML img is equivalent to using aria-hidden=\"true\". In order to make the image contents accessible, authors can embed the object using an <object> or <iframe> element, or use inline SVG code, and follow the accessibility guidelines for the image content.\n\nAuthors SHOULD NOT provide a non-empty text alternative when the none/presentation role is applied to an image.\n\nIn the following code sample, the containing img and is appropriately labeled by the caption paragraph. In this example the img element can be marked as none/presentation because the role and the text alternatives are provided by the containing element.\n\nIn the following code sample, because the anchor (HTML a element) is acting as the treeitem, the list item (HTML li element) is assigned an explicit WAI-ARIA role of none/presentation to override the user agent's implicit native semantics for list items.\n\nThe none/presentation role is used on an element that has implicit native semantics, meaning that there is a default accessibility API role for the element. Some elements are only complete when additional descendant elements are provided. For example, in HTML, table elements (matching the table role) require tr descendants (which have an implicit row role), which in turn require th or td children (the columnheader or rowheader and cell roles, respectively). Similarly, lists require list item children. The descendant elements that complete the semantics of an element are described in WAI-ARIA as Allowed Accessibility Child Roles.\n\nWhen an explicit or inherited role of none/presentation is applied to an element with the implicit semantic of a WAI-ARIA role that has Allowed Accessibility Child Roles, in addition to the element with the explicit role of none/presentation, the user agent MUST apply an inherited role of none to any accessibility descendants that do not have an explicit role defined. Also, when an explicit or inherited role of none/presentation is applied to a host language element which has specifically allowed children as defined by the host language specification, in addition to the element with the explicit role of none/presentation, the user agent MUST apply an inherited role of none to any specifically allowed children that do not have an explicit role defined.\n\nFor any element with an explicit or inherited role of none/presentation and which is not focusable, user agents MUST ignore role-specific WAI-ARIA states and properties for that element. For example, in HTML, a ul or ol element with a role of none/presentation will have the implicit native semantics of its li elements removed because the list role to which the ul or ol corresponds has an Allowed Accessibility Child Role of listitem. Likewise, the implicit native semantics of an HTML table element's thead/tbody/tfoot/tr/th/td descendants will also be removed, because the HTML specification indicates that these are required structural descendants of the table element.\n\nOnly the implicit native semantics of elements that correspond to WAI-ARIA Allowed Accessibility Child Roles are removed. All other content remains intact, including nested tables or lists, unless those elements also have an explicit role of none/presentation specified.\n\nFor example, according to an accessibility API, the following markup elements might have identical or very similar role semantics (generic or none role) and identical content.\n\nThere are other WAI-ARIA roles with specific allowed accessibility children for which this situation is applicable (e.g., feeds and listboxes), but tables and lists are the most common real-world cases in which the none/presentation inheritance is likely to apply.\n\nFor any element with an explicit or inherited role of none/presentation, user agents MUST apply an inherited role of none to all host-language-specific labeling elements for the presentational element. For example, a table element with a role of none/presentation will have the implicit native semantics of its caption element removed, because the caption is merely a label for the presentational table.\n\nInformation about resolving conflicts in the none/presentation role has been moved to Handling Author Errors",
 						"generalization": ["structure"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -9478,7 +9488,7 @@
 					},
 					{
 						"name": "scrollbar",
-						"description": "A graphical object that controls the scrolling of content within a viewing area, regardless of whether the content is fully displayed within the viewing area.\n\nA scrollbar represents the current value and range of possible values via the size of the scrollbar and position of the thumb with respect to the visible range of the orientation (horizontal or vertical) it controls. Its orientation represents the orientation of the scrollbar and the scrolling effect on the viewing area controlled by the scrollbar. It is typically possible to add to or subtract from the current value by using directional keys such as arrow keys.\n\nAuthors MUST set the aria-controls attribute on the scrollbar element to reference the scrollable area it controls.\n\nAuthors MAY set aria-valuemin and aria-valuemax to indicate the minimum and maximum thumb position. Otherwise, their implicit values follow the same rules as <input type=\"range\"> in HTML:\n\nAuthors MUST set the aria-valuenow attribute to indicate the current thumb position. If aria-valuenow is missing or has an unexpected value, user agents MAY implement the repair techniques specified in the section describing handling author errors in states and properties, which are equivalent to the repair techniques for <input type=\"range\"> in HTML.\n\nElements with the role scrollbar have an implicit aria-orientation value of vertical.\n\nAssistive technologies generally will render the value of aria-valuenow as a percent of a range between the value of aria-valuemin and aria-valuemax, unless aria-valuetext is specified. It is best to set the values for aria-valuemin, aria-valuemax, and aria-valuenow in a manner that is appropriate for this calculation.",
+						"description": "A graphical object that controls the scrolling of content within a viewing area, regardless of whether the content is fully displayed within the viewing area.\n\nA scrollbar represents the current value and range of possible values via the size of the scrollbar and position of the thumb with respect to the visible range of the orientation (horizontal or vertical) it controls. Its orientation represents the orientation of the scrollbar and the scrolling effect on the viewing area controlled by the scrollbar. It is typically possible to add to or subtract from the current value by using directional keys such as arrow keys.\n\nAuthors MAY set the aria-controls attribute on the scrollbar element to reference the scrollable area it controls.\n\nAuthors MAY set aria-valuemin and aria-valuemax to indicate the minimum and maximum thumb position. Otherwise, their implicit values follow the same rules as <input type=\"range\"> in HTML:\n\nAuthors MUST set the aria-valuenow attribute to indicate the current thumb position. If aria-valuenow is missing or has an unexpected value, user agents MAY implement the repair techniques specified in the section describing handling author errors in states and properties, which are equivalent to the repair techniques for <input type=\"range\"> in HTML.\n\nElements with the role scrollbar have an implicit aria-orientation value of vertical.\n\nAssistive technologies generally will render the value of aria-valuenow as a percent of a range between the value of aria-valuemin and aria-valuemax, unless aria-valuetext is specified. It is best to set the values for aria-valuemin, aria-valuemax, and aria-valuenow in a manner that is appropriate for this calculation.",
 						"generalization": ["range", "widget"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -9506,7 +9516,7 @@
 							},
 							{
 								"name": "aria-controls",
-								"required": true
+								"inherited": true
 							},
 							{
 								"name": "aria-current",
@@ -12397,7 +12407,7 @@
 					},
 					{
 						"name": "timer",
-						"description": "A type of live region containing a numerical counter which indicates an amount of elapsed time from a start point, or the time remaining until an end point.\n\nThe text contents of the timer object indicate the current time measurement, and are updated as that amount changes. The timer value is not necessarily machine parsable, but authors SHOULD update the text contents at fixed intervals, except when the timer is paused or reaches an end-point.\n\nElements with the role timer have an implicit aria-live value of off.",
+						"description": "A section of content containing a numerical counter which indicates an amount of elapsed time from a start point, or the time remaining until an end point.\n\nThe text contents of the timer object indicate the current time measurement, and are updated as that amount changes. The timer value is not necessarily machine parsable, but authors SHOULD update the text contents at fixed intervals, except when the timer is paused or reaches an end-point.",
 						"generalization": ["status"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -13691,7 +13701,7 @@
 						"isGlobal": true,
 						"valueDescriptions": {
 							"assertive": "Indicates that updates to the region have the highest priority and should be presented the user immediately.",
-							"off": "Indicates that updates to the region should not be presented to the user unless the user is currently focused on that region.",
+							"off": "Indicates that updates to the region will not be presented to the user.",
 							"polite": "Indicates that updates to the region should be presented at the next graceful opportunity, such as at the end of speaking the current sentence or when the user pauses typing."
 						}
 					},
@@ -35258,7 +35268,7 @@
 			"attributes": {
 				"attributionsrc": {
 					"description": "Specifies that you want the browser to send an Attribution-Reporting-Eligible header. On the server-side this is used to trigger sending an Attribution-Reporting-Register-Source header in the response, to register a navigation-based attribution source. The browser stores the source data associated with the navigation-based attribution source (as provided in the Attribution-Reporting-Register-Source response header) when the user clicks the link. See the Attribution Reporting API for more details. There are two versions of this attribute that you can set: Boolean, i.e., just the attributionsrc name. This specifies that you want the Attribution-Reporting-Eligible header sent to the same server as the href attribute points to. This is fine when you are handling the attribution source registration on the same server. Value containing one or more URLs, for example: htmlattributionsrc=\"https://a.example/register-source https://b.example/register-source\" This is useful in cases where the requested resource is not on a server you control, or you just want to handle registering the attribution source on a different server. In this case, you can specify one or more URLs as the value of attributionsrc. When the resource request occurs, the Attribution-Reporting-Eligible header will be sent to the URL(s) specified in attributionsrc in addition to the resource origin. These URLs can then respond with the Attribution-Reporting-Register-Source to complete registration. Note: Specifying multiple URLs means that multiple attribution sources can be registered on the same feature. You might for example have different campaigns that you are trying to measure the success of, which involve generating different reports on different data. <a> elements cannot be used as attribution triggers, only sources.",
-					"experimental": true
+					"deprecated": true
 				},
 				"charset": {
 					"description": "Hinted at the character encoding of the linked URL. Note: This attribute is deprecated and should not be used by authors. Use the HTTP Content-Type header on the linked URL.",
@@ -35277,6 +35287,12 @@
 				"hreflang": {
 					"description": "Hints at the human language of the linked URL. No built-in functionality. Allowed values are the same as the global lang attribute."
 				},
+				"interestfor": {
+					"description": "Defines the <a> element as an interest invoker. Its value is the id of the target element, which will be affected in some way (normally shown or hidden) when interest is shown or lost on the invoker element (for example, by hovering/unhovering or focusing/blurring it). See Using interest invokers for more details and examples.",
+					"experimental": true,
+					"nonStandard": true,
+					"type": "DOMID"
+				},
 				"name": {
 					"description": "Was required to define a possible target location in a page. In HTML 4.01, id and name could both be used on <a>, as long as they had identical values. Note: Use the global attribute id instead.",
 					"deprecated": true
@@ -35443,11 +35459,13 @@
 			},
 			"attributes": {
 				"alt": {
+					"description": "A text string alternative to display on browsers that do not display images. The text should be phrased so that it presents the user with the same kind of choice as the image would offer when displayed without the alternative text. This attribute is required only if the href attribute is used.",
 					"type": "Any",
 					"required": true,
 					"condition": "[href]"
 				},
 				"coords": {
+					"description": "The coords attribute details the coordinates of the shape attribute in size, shape, and placement of an <area>. This attribute must not be used if shape is set to default. rect: the value is x1,y1,x2,y2. The value specifies the coordinates of the top-left and bottom-right corner of the rectangle. For example, in <area shape=\"rect\" coords=\"0,0,253,27\" href=\"#\" target=\"_blank\" alt=\"Mozilla\"> the coordinates are 0,0 and 253,27, indicating the top-left and bottom-right corners of the rectangle, respectively. circle: the value is x,y,radius. Value specifies the coordinates of the circle center and the radius. For example: <area shape=\"circle\" coords=\"130,136,60\" href=\"#\" target=\"_blank\" alt=\"MDN\"> poly: the value is x1,y1,x2,y2,..,xn,yn. Value specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon The values are numbers of CSS pixels. Our shape generator can help you generate the coords syntax by selecting points on an image you upload.",
 					"type": {
 						"token": "Number",
 						"disallowToSurroundBySpaces": true,
@@ -35460,6 +35478,12 @@
 				"href": {
 					"description": "The hyperlink target for the area. Its value is a valid URL. This attribute may be omitted; if so, the <area> element does not represent a hyperlink."
 				},
+				"interestfor": {
+					"description": "Defines the <area> element as an interest invoker. Its value is the id of the target element, which will be affected in some way (normally shown or hidden) when interest is shown or lost on the invoker element (for example, by hovering/unhovering or focusing/blurring it). See Using interest invokers for more details and examples.",
+					"experimental": true,
+					"nonStandard": true,
+					"type": "DOMID"
+				},
 				"ping": {
 					"description": "Contains a space-separated list of URLs to which, when the hyperlink is followed, POST requests with the body PING will be sent by the browser (in the background). Typically used for tracking."
 				},
@@ -35470,6 +35494,7 @@
 					"description": "For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a space-separated list of link types. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present."
 				},
 				"shape": {
+					"description": "The shape of the associated hot spot. The specifications for HTML defines the values rect, which defines a rectangular region; circle, which defines a circular region; poly, which defines a polygon; and default, which indicates the entire region beyond any defined shapes.",
 					"type": {
 						"enum": ["rect", "circle", "poly", "default"],
 						"missingValueDefault": "rect",
@@ -35656,6 +35681,7 @@
 			},
 			"attributes": {
 				"href": {
+					"description": "The base URL to be used throughout the document for relative URLs. Absolute and relative URLs are allowed. data: and javascript: URLs are not allowed.",
 					"type": "BaseURL"
 				},
 				"target": {
@@ -35818,6 +35844,7 @@
 			},
 			"attributes": {
 				"cite": {
+					"description": "A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.",
 					"type": "URL"
 				}
 			}
@@ -36010,14 +36037,18 @@
 				"permittedRoles": [
 					"checkbox",
 					"combobox",
+					"gridcell",
 					"link",
 					"menuitem",
 					"menuitemcheckbox",
 					"menuitemradio",
 					"option",
 					"radio",
+					"separator",
+					"slider",
 					"switch",
-					"tab"
+					"tab",
+					"treeitem"
 				],
 				"1.1": {
 					"permittedRoles": [
@@ -36054,9 +36085,17 @@
 					"description": "This Boolean attribute specifies that the button should have input focus when the page loads. Only one element in a document can have this attribute."
 				},
 				"command": {
+					"description": "Specifies the action to be performed on an element being controlled by a control <button> specified via the commandfor attribute. The possible values are: \"show-modal\" The button will show a <dialog> as modal. If the dialog is already modal, no action will be taken. This is a declarative equivalent of calling the HTMLDialogElement.showModal() method on the <dialog> element. \"close\" The button will close a <dialog> element. If the dialog is already closed, no action will be taken. This is a declarative equivalent of calling the HTMLDialogElement.close() method on the <dialog> element. When used with the value attribute, the button's value will be passed as the dialog's returnValue property. \"request-close\" The button will trigger a cancel event on a <dialog> element to request that the browser dismiss it, followed by a close event. This differs from the close command in that authors can call Event.preventDefault() on the cancel event to prevent the <dialog> from closing. If the dialog is already closed, no action will be taken. This is a declarative equivalent of calling the HTMLDialogElement.requestClose() method on the <dialog> element. When used with the button's value attribute, the value will be passed as the dialog's returnValue property. \"show-popover\" The button will show a hidden popover. If you try to show an already showing popover, no action will be taken. See Popover API for more details. This is equivalent to setting a value of show for the popovertargetaction attribute, and also provides a declarative equivalent to calling the HTMLElement.showPopover() method on the popover element. \"hide-popover\" The button will hide a showing popover. If you try to hide an already hidden popover, no action will be taken. See Popover API for more details. This is equivalent to setting a value of hide for the popovertargetaction attribute, and also provides a declarative equivalent to calling the HTMLElement.hidePopover() method on the popover element. \"toggle-popover\" The button will toggle a popover between showing and hidden. If the popover is hidden, it will be shown; if the popover is showing, it will be hidden. See Popover API for more details. This is equivalent to setting a value of toggle for the popovertargetaction attribute, and also provides a declarative equivalent to calling the HTMLElement.togglePopover() method on the popover element. Custom values This attribute can represent custom values that are prefixed with a two hyphen characters (--). Buttons with a custom value will dispatch the CommandEvent on the controlled element.",
 					"type": [
 						{
-							"enum": ["toggle-popover", "show-popover", "hide-popover", "close", "show-modal"],
+							"enum": [
+								"toggle-popover",
+								"show-popover",
+								"hide-popover",
+								"close",
+								"request-close",
+								"show-modal"
+							],
 							"invalidValueDefault": "unknown",
 							"missingValueDefault": "unknown"
 						},
@@ -36064,6 +36103,7 @@
 					]
 				},
 				"commandfor": {
+					"description": "Turns a <button> element into a command button, controlling a given interactive element by issuing the command specified in the button's command attribute. The commandfor attribute takes the ID of the element to control as its value. This is a more general version of popovertarget.",
 					"type": "DOMID"
 				},
 				"disabled": {
@@ -36087,13 +36127,21 @@
 				"formtarget": {
 					"description": "If the button is a submit button, this attribute is an author-defined name or standardized, underscore-prefixed keyword indicating where to display the response from submitting the form. This is the name of, or keyword for, a browsing context (a tab, window, or <iframe>). If this attribute is specified, it overrides the target attribute of the button's form owner. The following keywords have special meanings: _self: Load the response into the same browsing context as the current one. This is the default if the attribute is not specified. _blank: Load the response into a new unnamed browsing context — usually a new tab or window, depending on the user's browser settings. _parent: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as _self. _top: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self."
 				},
+				"interestfor": {
+					"description": "Defines the <button> element as an interest invoker. Its value is the id of a target element, which will be affected in some way (normally shown or hidden) when interest is shown or lost on the invoker element (for example, by hovering/unhovering or focusing/blurring it). See Using interest invokers for more details and examples.",
+					"experimental": true,
+					"nonStandard": true,
+					"type": "DOMID"
+				},
 				"name": {
 					"description": "The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form."
 				},
 				"popovertarget": {
+					"description": "Turns a <button> element into a popover control button; takes the ID of the popover element to control as its value. Establishing a relationship between a popover and its invoker button using the popovertarget attribute has two additional useful effects: The browser creates an implicit aria-details and aria-expanded relationship between popover and invoker, and places the popover in a logical position in the keyboard focus navigation order when shown. This makes the popover more accessible to keyboard and assistive technology (AT) users (see also Popover accessibility features). The browser creates an implicit anchor reference between the two, making it very convenient to position popovers relative to their controls using CSS anchor positioning. See Popover anchor positioning for more details.",
 					"type": "DOMID"
 				},
 				"popovertargetaction": {
+					"description": "Specifies the action to be performed on a popover element being controlled by a control <button>. Possible values are: \"hide\" The button will hide a shown popover. If you try to hide an already hidden popover, no action will be taken. \"show\" The button will show a hidden popover. If you try to show an already showing popover, no action will be taken. \"toggle\" The button will toggle a popover between showing and hidden. If the popover is hidden, it will be shown; if the popover is showing, it will be hidden. If popovertargetaction is omitted, \"toggle\" is the default action that will be performed by the control button.",
 					"type": {
 						"enum": ["toggle", "show", "hide"],
 						"disallowToSurroundBySpaces": true,
@@ -36102,6 +36150,7 @@
 					}
 				},
 				"type": {
+					"description": "The default behavior of the button. Possible values are: submit: The button submits the form data to the server. This is the default if the attribute is not specified for buttons associated with a <form>, or if the attribute is an empty or invalid value. reset: The button resets all the controls to their initial values, like <input type=\"reset\">. (This behavior tends to annoy users.) button: The button has no default behavior, and does nothing when pressed by default. It can have client-side scripts listen to the element's events, which are triggered when the events occur.",
 					"type": {
 						"enum": ["submit", "reset", "button"],
 						"invalidValueDefault": "submit",
@@ -36109,6 +36158,7 @@
 					}
 				},
 				"value": {
+					"description": "Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button. When used with the close or request-close commands, the value attribute sets the returnValue of the <dialog> element being controlled.",
 					"type": "Any"
 				}
 			}
@@ -36138,6 +36188,7 @@
 			},
 			"attributes": {
 				"height": {
+					"description": "The height of the coordinate space in CSS pixels. Defaults to 150.",
 					"defaultValue": "150"
 				},
 				"moz-opaque": {
@@ -36146,6 +36197,7 @@
 					"nonStandard": true
 				},
 				"width": {
+					"description": "The width of the coordinate space in CSS pixels. Defaults to 300.",
 					"defaultValue": "300"
 				}
 			}
@@ -36153,7 +36205,7 @@
 		{
 			"name": "caption",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/caption",
-			"description": "The <caption> HTML element specifies the caption (or title) of a table, providing the table an accessible description.",
+			"description": "The <caption> HTML element specifies the caption (or title) of a table, providing the table an accessible name or accessible description.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -36293,6 +36345,7 @@
 					"deprecated": true
 				},
 				"span": {
+					"description": "Specifies the number of consecutive columns the <col> element spans. The value must be a positive integer greater than zero. If not present, its default value is 1.",
 					"type": {
 						"type": "integer",
 						"gt": 0,
@@ -36358,6 +36411,7 @@
 					"deprecated": true
 				},
 				"span": {
+					"description": "Specifies the number of consecutive columns the <colgroup> element spans. The value must be a positive integer greater than zero. If not present, its default value is 1. Note: The span attribute is not permitted if there are one or more <col> elements within the <colgroup>.",
 					"type": {
 						"type": "integer",
 						"gt": 0,
@@ -36404,6 +36458,7 @@
 			},
 			"attributes": {
 				"value": {
+					"description": "This attribute specifies the machine-readable translation of the content of the element.",
 					"type": "Any",
 					"required": true
 				}
@@ -36504,9 +36559,11 @@
 			},
 			"attributes": {
 				"cite": {
+					"description": "A URI for a resource that explains the change (for example, meeting minutes).",
 					"type": "URL"
 				},
 				"datetime": {
+					"description": "This attribute indicates the time and date of the change and must be a valid date string with an optional time. If the value cannot be parsed as a date with an optional time string, the element does not have an associated timestamp. For the format of the string without a time, see Date strings. The format of the string if it includes both date and time is covered in Local date and time strings.",
 					"type": "DateTime"
 				}
 			}
@@ -36542,9 +36599,11 @@
 			},
 			"attributes": {
 				"name": {
+					"description": "This attribute enables multiple <details> elements to be connected, with only one open at a time. This allows developers to easily create UI features such as accordions without scripting. The name attribute specifies a group name — give multiple <details> elements the same name value to group them. Only one of the grouped <details> elements can be open at a time — opening one will cause another to close. If multiple grouped <details> elements are given the open attribute, only the first one in the source order will be rendered open. Note: <details> elements don't have to be adjacent to one another in the source to be part of the same group.",
 					"type": "NoEmptyAny"
 				},
 				"open": {
+					"description": "This Boolean attribute indicates whether the details — that is, the contents of the <details> element — are currently visible. The details are shown when this attribute exists, or hidden when this attribute is absent. By default this attribute is absent which means the details are not visible. Note: You have to remove this attribute entirely to make the details hidden. open=\"false\" makes the details visible because this attribute is Boolean.",
 					"type": "Boolean"
 				}
 			}
@@ -36601,6 +36660,7 @@
 			},
 			"attributes": {
 				"closedby": {
+					"description": "Specifies the types of user actions that can be used to close the <dialog> element. This attribute distinguishes three methods by which a dialog might be closed: A light dismiss user action, in which the <dialog> is closed when the user clicks or taps outside it. This is equivalent to the \"light dismiss\" behavior of \"auto\" state popovers. A platform-specific user action, such as pressing the Esc key on desktop platforms, or a \"back\" or \"dismiss\" gesture on mobile platforms. A developer-specified mechanism such as a <button> with a click handler that invokes HTMLDialogElement.close() or a <form> submission. Possible values are: any The dialog can be dismissed using any of the three methods. closerequest The dialog can be dismissed with a platform-specific user action or a developer-specified mechanism. none The dialog can only be dismissed with a developer-specified mechanism. If the <dialog> element does not have a valid closedby value specified, then if it was opened using showModal(), it behaves as if the value was \"closerequest\" otherwise, it behaves as if the value was \"none\".",
 					"type": {
 						"enum": ["any", "closerequest", "none"],
 						"invalidValueDefault": "auto",
@@ -36608,6 +36668,7 @@
 					}
 				},
 				"open": {
+					"description": "Indicates that the dialog box is active and is available for interaction. If the open attribute is not set, the dialog box will not be visible to the user. It is recommended to use the .show() or .showModal() method to render dialogs, rather than the open attribute. If a <dialog> is opened using the open attribute, it is non-modal. Note: While you can toggle between the open and closed states of non-modal dialog boxes by toggling the presence of the open attribute, this approach is not recommended. See open for more information.",
 					"type": "Boolean"
 				},
 				"tabindex": {
@@ -36838,10 +36899,12 @@
 					"description": "The displayed height of the resource, in CSS pixels. This must be an absolute value; percentages are not allowed."
 				},
 				"src": {
+					"description": "The URL of the resource being embedded.",
 					"type": "URL",
 					"required": "[itemprop]"
 				},
 				"type": {
+					"description": "The MIME type to use to select the plug-in to instantiate.",
 					"type": "MIMEType"
 				},
 				"width": {
@@ -36890,7 +36953,7 @@
 		{
 			"name": "figcaption",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figcaption",
-			"description": "The <figcaption> HTML element represents a caption or legend describing the rest of the contents of its parent <figure> element, providing the <figure> an accessible description.",
+			"description": "The <figcaption> HTML element represents a caption or legend describing the rest of the contents of its parent <figure> element, providing the <figure> an accessible name.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -37064,6 +37127,7 @@
 					"deprecated": true
 				},
 				"accept-charset": {
+					"description": "The character encoding accepted by the server. The specification allows a single case-insensitive value of \"UTF-8\", reflecting the ubiquity of this encoding (historically multiple character encodings could be specified as a comma-separated or space-separated list).",
 					"type": {
 						"enum": ["utf-8"],
 						"caseInsensitive": true
@@ -37076,6 +37140,7 @@
 					"description": "Controls whether inputted text is automatically capitalized and, if so, in what manner. See the autocapitalize global attribute page for more information."
 				},
 				"autocomplete": {
+					"description": "Indicates whether input elements can by default have their values automatically completed by the browser. autocomplete attributes on form elements override it on <form>. Possible values: off: The browser may not automatically complete entries. (Browsers tend to ignore this for suspected login forms; see Managing autofill for login fields.) on: The browser may automatically complete entries.",
 					"type": {
 						"enum": ["on", "off"],
 						"invalidValueDefault": "on",
@@ -37097,12 +37162,14 @@
 					}
 				},
 				"name": {
+					"description": "The name of the form. The value must not be the empty string, and must be unique among the form elements in the forms collection that it is in, if any. The name becomes a property of the Window, Document, and document.forms objects, containing a reference to the form element.",
 					"type": "NoEmptyAny"
 				},
 				"novalidate": {
 					"type": "Boolean"
 				},
 				"rel": {
+					"description": "Controls the annotations and what kinds of links the form creates. Annotations include external, nofollow, opener, noopener, and noreferrer. Link types include help, prev, next, search, and license. The rel value is a space-separated list of these enumerated values.",
 					"type": "LinkTypeForFormElement"
 				},
 				"target": {
@@ -37530,9 +37597,14 @@
 				]
 			},
 			"aria": {
-				"implicitRole": "document",
-				"permittedRoles": false,
-				"properties": false
+				"implicitRole": "generic",
+				"permittedRoles": ["document", "generic"],
+				"namingProhibited": true,
+				"properties": false,
+				"1.1": {
+					"implicitRole": "document",
+					"permittedRoles": false
+				}
 			},
 			"omission": false,
 			"globalAttrs": {
@@ -37604,19 +37676,21 @@
 					"deprecated": true
 				},
 				"allow": {
+					"description": "Specifies a Permissions Policy for the <iframe>. The policy defines what features are available to the <iframe> (for example, access to the microphone, camera, battery, web-share, etc.) based on the origin of the request. See iframes in the Permissions-Policy topic for examples. Note: A Permissions Policy specified by the allow attribute implements a further restriction on top of the policy specified in the Permissions-Policy header. It doesn't replace it.",
 					"type": "SerializedPermissionsPolicy"
 				},
 				"allowfullscreen": {
+					"description": "Set to true if the <iframe> can activate fullscreen mode by calling the requestFullscreen() method. Note: This attribute is considered a legacy attribute and redefined as allow=\"fullscreen *\".",
 					"type": "Boolean"
 				},
 				"allowpaymentrequest": {
-					"description": "Set to true if a cross-origin <iframe> should be allowed to invoke the Payment Request API. Note: This attribute is considered a legacy attribute and redefined as allow=\"payment\".",
+					"description": "Set to true if a cross-origin <iframe> should be allowed to invoke the Payment Request API. Note: This attribute is considered a legacy attribute and redefined as allow=\"payment *\".",
 					"deprecated": true,
 					"nonStandard": true
 				},
 				"browsingtopics": {
 					"description": "A boolean attribute that, if present, specifies that the selected topics for the current user should be sent with the request for the <iframe>'s source. See Using the Topics API for more details.",
-					"experimental": true,
+					"deprecated": true,
 					"nonStandard": true
 				},
 				"credentialless": {
@@ -37650,12 +37724,19 @@
 					"deprecated": true
 				},
 				"name": {
+					"description": "A targetable name for the embedded browsing context. This can be used in the target attribute of the <a>, <form>, or <base> elements; the formtarget attribute of the <input> or <button> elements; or the windowName parameter in the window.open() method. In addition, the name becomes a property of the Window and Document objects, containing a reference to the embedded window or the element itself.",
 					"type": "NavigableTargetName"
 				},
+				"privateToken": {
+					"description": "Contains a string representation of an options object representing a private state token operation; this object has the same structure as the RequestInit dictionary's privateToken property. IFrames containing this attribute can initiate operations such as issuing or redeeming tokens when their embedded content is loaded.",
+					"experimental": true,
+					"type": "Any"
+				},
 				"referrerpolicy": {
 					"description": "Indicates which referrer to send when fetching the frame's resource: no-referrer The Referer header will not be sent. no-referrer-when-downgrade The Referer header will not be sent to origins without TLS (HTTPS). origin The sent referrer will be limited to the origin of the referring page: its scheme, host, and port. origin-when-cross-origin The referrer sent to other origins will be limited to the scheme, the host, and the port. Navigations on the same origin will still include the path. same-origin A referrer will be sent for same origin, but cross-origin requests will contain no referrer information. strict-origin Only send the origin of the document as the referrer when the protocol security level stays the same (HTTPS→HTTPS), but don't send it to a less secure destination (HTTPS→HTTP). strict-origin-when-cross-origin (default) Send a full URL when performing a same-origin request, only send the origin when the protocol security level stays the same (HTTPS→HTTPS), and send no header to a less secure destination (HTTPS→HTTP). unsafe-url The referrer will include the origin and the path (but not the fragment, password, or username). This value is unsafe, because it leaks origins and paths from TLS-protected resources to insecure origins."
 				},
 				"sandbox": {
+					"description": "Controls the restrictions applied to the content embedded in the <iframe>. The value of the attribute can either be empty to apply all restrictions, or space-separated tokens to lift particular restrictions: allow-downloads Allows downloading files through an <a> or <area> element with the download attribute, as well as through the navigation that leads to a download of a file. This works regardless of whether the user clicked on the link, or JS code initiated it without user interaction. allow-forms Allows the page to submit forms. If this keyword is not used, a form will be displayed as normal, but submitting it will not trigger input validation, send data to a web server, or close a dialog. allow-modals Allows the page to open modal windows by Window.alert(), Window.confirm(), Window.print() and Window.prompt(), while opening a <dialog> is allowed regardless of this keyword. It also allows the page to receive BeforeUnloadEvent event. allow-orientation-lock Lets the resource lock the screen orientation. allow-pointer-lock Allows the page to use the Pointer Lock API. allow-popups Allows popups (created, for example, by Window.open() or target=\"_blank\"). If this keyword is not used, such functionality will silently fail. allow-popups-to-escape-sandbox Allows a sandboxed document to open a new browsing context without forcing the sandboxing flags upon it. This will allow, for example, a third-party advertisement to be safely sandboxed without forcing the same restrictions upon the page the ad links to. If this flag is not included, a redirected page, popup window, or new tab will be subject to the same sandbox restrictions as the originating <iframe>. allow-presentation Allows embedders to have control over whether an iframe can start a presentation session. allow-same-origin If this token is not used, the resource is treated as being from a special origin that always fails the same-origin policy (potentially preventing access to data storage/cookies and some JavaScript APIs). Note: When allow-same-origin is present, a same-origin parent document can still access and interact with the iframe's DOM even if allow-scripts is not set. The allow-scripts token only controls script execution within the embedded browsing context and does not affect DOM access from the parent. allow-scripts Allows the page to run scripts (but not create pop-up windows). If this keyword is not used, this operation is not allowed. allow-storage-access-by-user-activation Experimental Allows a document loaded in the <iframe> to use the Storage Access API to request access to unpartitioned cookies. allow-top-navigation Lets the resource navigate the top-level browsing context (the one named _top). allow-top-navigation-by-user-activation Lets the resource navigate the top-level browsing context, but only if initiated by a user gesture. allow-top-navigation-to-custom-protocols Allows navigations to non-http protocols built into browser or registered by a website. This feature is also activated by allow-popups or allow-top-navigation keyword. Note: When the embedded document has the same origin as the embedding page, it is strongly discouraged to use both allow-scripts and allow-same-origin, as that lets the embedded document remove the sandbox attribute — making it no more secure than not using the sandbox attribute at all. Sandboxing is useless if the attacker can display content outside a sandboxed iframe — such as if the viewer opens the frame in a new tab. Such content should be also served from a separate origin to limit potential damage. Note: When redirecting the user, opening a popup window, or opening a new tab from an embedded page within an <iframe> with the sandbox attribute, the new browsing context is subject to the same sandbox restrictions. This can create issues — for example, if a page embedded within an <iframe> without a sandbox=\"allow-forms\" or sandbox=\"allow-popups-to-escape-sandbox\" attribute set on it opens a new site in a separate tab, form submission in that new browsing context will silently fail.",
 					"type": {
 						"token": {
 							"enum": [
@@ -37685,10 +37766,12 @@
 					"deprecated": true
 				},
 				"src": {
+					"description": "The URL of the page to embed. Use a value of about:blank to embed an empty page that conforms to the same-origin policy. Also note that programmatically removing an <iframe>'s src attribute (e.g., via Element.removeAttribute()) causes about:blank to be loaded in the frame in Firefox (from version 65), Chromium-based browsers, and Safari/iOS. Note: The about:blank page uses the embedding document's URL as its base URL when resolving any relative URLs, such as anchor links.",
 					"required": "[itemprop]",
 					"ineffective": "[srcdoc]"
 				},
 				"srcdoc": {
+					"description": "Inline HTML to embed, overriding the src attribute. Its content should follow the syntax of a full HTML document, which includes the doctype directive, <html>, <body> tags, etc., although most of them can be omitted, leaving only the body content. This doc will have about:srcdoc as its location. If a browser does not support the srcdoc attribute, it will fall back to the URL in the src attribute. Note: The about:srcdoc page uses the embedding document's URL as its base URL when resolving any relative URLs, such as anchor links.",
 					"type": "Any"
 				},
 				"width": {
@@ -37710,9 +37793,11 @@
 					"button",
 					"checkbox",
 					"link",
+					"math",
 					"menuitem",
 					"menuitemcheckbox",
 					"menuitemradio",
+					"meter",
 					"option",
 					"progressbar",
 					"radio",
@@ -37782,11 +37867,12 @@
 					"deprecated": true
 				},
 				"alt": {
+					"description": "Defines text that can replace the image in the page. Note: Browsers do not always display images. There are a number of situations in which a browser might not display images, such as: Non-visual browsers (such as those used by people with visual impairments) The user chooses not to display images (saving bandwidth, privacy reasons) The image is invalid or an unsupported type In these cases, the browser may replace the image with the text in the element's alt attribute. For these reasons and others, provide a useful value for alt whenever possible. Setting this attribute to an empty string (alt=\"\") indicates that this image is not a key part of the content (it's decoration or a tracking pixel), and that non-visual browsers may omit it from rendering. Visual browsers will also hide the broken image icon if the alt attribute is empty and the image failed to display. This attribute is also used when copying and pasting the image to text, or saving a linked image to a bookmark.",
 					"type": "Any"
 				},
 				"attributionsrc": {
-					"description": "Specifies that you want the browser to send an Attribution-Reporting-Eligible header along with the image request. On the server-side this is used to trigger sending an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header in the response, to register an image-based attribution source or attribution trigger, respectively. Which response header should be sent back depends on the value of the Attribution-Reporting-Eligible header that triggered the registration. The corresponding source or trigger event is set off once the browser receives the response containing the image file. Note: See the Attribution Reporting API for more details. There are two versions of this attribute that you can set: Boolean, i.e., just the attributionsrc name. This specifies that you want the Attribution-Reporting-Eligible header sent to the same server as the src attribute points to. This is fine when you are handling the attribution source or trigger registration on the same server. When registering an attribution trigger this property is optional, and a boolean value will be used if it is omitted. Value containing one or more URLs, for example: html<img src=\"image-file.png\" alt=\"My image file description\" attributionsrc=\"https://a.example/register-source https://b.example/register-source\" /> This is useful in cases where the requested resource is not on a server you control, or you just want to handle registering the attribution source on a different server. In this case, you can specify one or more URLs as the value of attributionsrc. When the resource request occurs the Attribution-Reporting-Eligible header will be sent to the URL(s) specified in attributionSrc in addition to the resource origin. These URLs can then respond with a Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header as appropriate to complete registration. Note: Specifying multiple URLs means that multiple attribution sources can be registered on the same feature. You might for example have different campaigns that you are trying to measure the success of, which involve generating different reports on different data.",
-					"experimental": true
+					"description": "Specifies that you want the browser to send an Attribution-Reporting-Eligible header along with the image request. On the server-side this is used to trigger sending an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header in the response, to register an image-based attribution source or attribution trigger, respectively. Which response header should be sent back depends on the value of the Attribution-Reporting-Eligible header that triggered the registration. The corresponding source or trigger event is set off once the browser receives the response containing the image file. Note: See the Attribution Reporting API for more details. There are two versions of this attribute that you can set: Boolean, i.e., just the attributionsrc name. This specifies that you want the Attribution-Reporting-Eligible header sent to the same server as the src attribute points to. This is fine when you are handling the attribution source or trigger registration on the same server. When registering an attribution trigger this property is optional, and a boolean value will be used if it is omitted. Value containing one or more URLs, for example: html<img src=\"image-file.png\" alt=\"My image file description\" attributionsrc=\"https://a.example/register-source https://b.example/register-source\" /> This is useful in cases where the requested resource is not on a server you control, or you just want to handle registering the attribution source on a different server. In this case, you can specify one or more URLs as the value of attributionsrc. When the resource request occurs the Attribution-Reporting-Eligible header will be sent to the URL(s) specified in attributionSrc in addition to the resource origin. These URLs can then respond with an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header as appropriate to complete registration. Note: Specifying multiple URLs means that multiple attribution sources can be registered on the same feature. You might for example have different campaigns that you are trying to measure the success of, which involve generating different reports on different data.",
+					"deprecated": true
 				},
 				"border": {
 					"description": "The width of a border around the image. Use the border CSS property instead.",
@@ -37796,6 +37882,7 @@
 					"description": "Indicates if the fetching of the image must be done using a CORS request. Image data from a CORS-enabled image returned from a CORS request can be reused in the <canvas> element without being marked \"tainted\". If the crossorigin attribute is not specified, then a non-CORS request is sent (without the Origin request header), and the browser marks the image as tainted and restricts access to its image data, preventing its usage in <canvas> elements. If the crossorigin attribute is specified, then a CORS request is sent (with the Origin request header); but if the server does not opt into allowing cross-origin access to the image data by the origin site (by not sending any Access-Control-Allow-Origin response header, or by not including the site's origin in any Access-Control-Allow-Origin response header it does send), then the browser blocks the image from loading, and logs a CORS error to the devtools console. Allowed values: anonymous A CORS request is sent with credentials omitted (that is, no cookies, X.509 certificates, or Authorization request header). use-credentials The CORS request is sent with any credentials included (that is, cookies, X.509 certificates, and the Authorization request header). If the server does not opt into sharing credentials with the origin site (by sending back the Access-Control-Allow-Credentials: true response header), then the browser marks the image as tainted and restricts access to its image data. If the attribute has an invalid value, browsers handle it as if the anonymous value was used. See CORS settings attributes for additional information."
 				},
 				"decoding": {
+					"description": "This attribute provides a hint to the browser as to whether it should perform image decoding along with rendering the other DOM content in a single presentation step that looks more \"correct\" (sync), or render and present the other DOM content first and then decode the image and present it later (async). In practice, async means that the next paint does not wait for the image to decode. It is often difficult to perceive any noticeable effect when using decoding on static <img> elements. They'll likely be initially rendered as empty images while the image files are fetched (either from the network or from the cache) and then handled independently anyway, so the \"syncing\" of content updates is less apparent. However, the blocking of rendering while decoding happens, while often quite small, can be measured — even if it is difficult to observe with the human eye. See What does the image decoding attribute actually do? for a more detailed analysis (tunetheweb.com, 2023). Using different decoding types can result in more noticeable differences when dynamically inserting <img> elements into the DOM via JavaScript — see HTMLImageElement.decoding for more details. Allowed values: sync Decode the image synchronously along with rendering the other DOM content, and present everything together. async Decode the image asynchronously, after rendering and presenting the other DOM content. auto No preference for the decoding mode; the browser decides what is best for the user. This is the default value.",
 					"type": {
 						"enum": ["sync", "async", "auto"],
 						"invalidValueDefault": "auto",
@@ -37806,7 +37893,7 @@
 					"description": "Marks the image for observation by the PerformanceElementTiming API. The value given becomes an identifier for the observed image element. See also the elementtiming attribute page."
 				},
 				"fetchpriority": {
-					"description": "Provides a hint of the relative priority to use when fetching the image. Allowed values: high Fetch the image at a high priority relative to other images. low Fetch the image at a low priority relative to other images. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set. See HTMLImageElement.fetchPriority for more information."
+					"description": "Provides a hint of the relative priority to use when fetching the image. Allowed values: high Fetch the image at a high priority relative to other images. low Fetch the image at a low priority relative to other images. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set."
 				},
 				"height": {
 					"description": "The intrinsic height of the image, in pixels. Must be an integer without a unit. Note: Including height and width enables the aspect ratio of the image to be calculated by the browser prior to the image being loaded. This aspect ratio is used to reserve the space needed to display the image, reducing or even preventing a layout shift when the image is downloaded and painted to the screen. Reducing layout shift is a major component of good user experience and web performance."
@@ -37816,11 +37903,12 @@
 					"deprecated": true
 				},
 				"ismap": {
+					"description": "This Boolean attribute indicates that the image is part of a server-side map. If so, the coordinates where the user clicked on the image are sent to the server. Note: This attribute is allowed only if the <img> element is a descendant of an <a> element with a valid href attribute. This gives users without pointing devices a fallback destination.",
 					"type": "Boolean",
 					"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. Note: 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. Note: Images with loading set to lazy will never be loaded if they do not intersect a visible part of an element, even if loading them would change that as unloaded images have a width and height of 0. Putting width and height on lazy-loaded images fixes this issue and is a best practice, recommended by the specification. Doing so also helps prevent layout shifts."
+					"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."
 				},
 				"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.",
@@ -37834,17 +37922,20 @@
 					"description": "A string indicating which referrer to use when fetching the resource: no-referrer: The Referer header will not be sent. no-referrer-when-downgrade: The Referer header will not be sent to origins without TLS (HTTPS). origin: The sent referrer will be limited to the origin of the referring page: its scheme, host, and port. origin-when-cross-origin: The referrer sent to other origins will be limited to the scheme, the host, and the port. Navigations on the same origin will still include the path. same-origin: A referrer will be sent for same origin, but cross-origin requests will contain no referrer information. strict-origin: Only send the origin of the document as the referrer when the protocol security level stays the same (HTTPS→HTTPS), but don't send it to a less secure destination (HTTPS→HTTP). strict-origin-when-cross-origin (default): Send a full URL when performing a same-origin request, only send the origin when the protocol security level stays the same (HTTPS→HTTPS), and send no header to a less secure destination (HTTPS→HTTP). unsafe-url: The referrer will include the origin and the path (but not the fragment, password, or username). This value is unsafe, because it leaks origins and paths from TLS-protected resources to insecure origins."
 				},
 				"sizes": {
-					"description": "One or more strings separated by commas, indicating a set of source sizes. Each source size consists of: A media condition. This must be omitted for the last item in the list. A source size value. Media Conditions describe properties of the viewport, not of the image. For example, (height <= 500px) 1000px proposes to use a source of 1000px width, if the viewport is not higher than 500px. Because a source size descriptor is used to specify the width to use for the image during layout of the page, the media condition is typically (but not necessarily) based on the width information. Source size values specify the intended display size of the image. User agents use the current source size to select one of the sources supplied by the srcset attribute, when those sources are described using width (w) descriptors. The selected source size affects the intrinsic size of the image (the image's display size if no CSS styling is applied). If the srcset attribute is absent, or contains no values with a width descriptor, then the sizes attribute has no effect. A source size value can be any non-negative length. It must not use CSS functions other than the math functions. Units are interpreted in the same way as media queries, meaning that all relative length units are relative to the document root rather than the <img> element, so an em value is relative to the root font size, rather than the font size of the image. Percentage values are not allowed. The sizes attribute also accepts the following keyword values: auto auto can replace the whole list of sizes or the first entry in the list. It is only valid when combined with loading=\"lazy\", and resolves to the concrete size of the image. Since the intrinsic size of the image is not yet known, width and height attributes (or CSS equivalents) should also be specified to prevent the browser assuming a default width of 300px."
+					"description": "One or more values separated by commas, which can be source sizes or the auto keyword. The spec requires that the sizes attribute to only be present when srcset uses width descriptors. A source size consists of: A media condition, omitted for the last item in the list. A source size value. Media conditions describe properties of the viewport, not the image. For example, (height <= 500px) 1000px proposes using an image source of 1000px width if the viewport height is 500px or less. Because a source size descriptor specifies the width to use for the image during layout, the media condition is typically (but not necessarily) based on the width. Source size values specify the intended display size of the image. User agents use the current source size to select one of the sources supplied by the srcset attribute, when those sources are described using width (w) descriptors. The selected source size affects the intrinsic size of the image (the image's display size if no CSS styling is applied). A source size value can be any non-negative length. It must not use CSS functions other than the math functions. Units are interpreted in the same way as media queries, meaning that all relative length units are relative to the document root rather than the <img> element. For example, an em value is relative to the root font size, not the font size of the image. Percentage values are not allowed. If the sizes attribute is not provided, it has a default value of 100vw (the viewport width). The auto keyword can replace the whole list of sizes or the first entry in the list. It is only valid when combined with loading=\"lazy\", and resolves to the concrete size of the image. Since the intrinsic size of the image is not yet known, width and height attributes (or CSS equivalents) should also be specified to prevent the browser from assuming the default image width of 300px. For better backward compatibility with browsers that do not support auto, you can include fallback sizes after auto in the sizes attribute: html<img loading=\"lazy\" width=\"200\" height=\"200\" sizes=\"auto, (max-width: 30em) 100vw, (max-width: 50em) 50vw, calc(33vw - 100px)\" srcset=\" swing-200.jpg 200w, swing-400.jpg 400w, swing-800.jpg 800w, swing-1600.jpg 1600w \" src=\"swing-400.jpg\" alt=\"Kettlebell Swing\" />"
 				},
 				"src": {
+					"description": "The image URL. At least one of src and srcset is required for an <img> element. If srcset is specified, src is used in one of two ways: as a fallback for browsers that don't support srcset. if srcset uses the \"x\" descriptor, then src is equivalent to a source with the density descriptor 1x; that is, the image specified by src is used on low-density screens (such as typical 72 DPI or 96 DPI displays).",
 					"type": "URL",
 					"requiredEither": ["srcset"]
 				},
 				"srcset": {
+					"description": "One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of: A URL to an image Optionally, whitespace followed by one of: A width descriptor (a positive integer directly followed by w). It must match the intrinsic width of the referenced image. The width descriptor is divided by the source size given in the sizes attribute to calculate the effective pixel density. For example, to provide an image resource to be used when the renderer needs a 450 pixel wide image, use the width descriptor 450w. When a srcset contains \"w\" descriptors, the browser uses those descriptors together with the sizes attribute to pick a resource. A pixel density descriptor (a positive floating point number directly followed by x). It specifies the condition in which the corresponding image resource should be used as the display's pixel density. For example, to provide an image resource to be used when the pixel density is double the standard density, use the pixel density descriptor 2x or 2.0x. If no descriptor is specified, the source is assigned the default descriptor of 1x. It is incorrect to mix width descriptors and pixel density descriptors in the same srcset attribute. Duplicate descriptors (for instance, two sources in the same srcset which are both described with 2x) are also invalid. Space characters, other than the whitespace separating the URL and the corresponding condition descriptor, are ignored; this includes both leading and trailing space, as well as space before or after each comma. However, if an image candidate string contains no descriptors and no whitespace after the URL, the following image candidate string, if there is one, must begin with one or more whitespace, or the comma will be considered part of the URL. When the <img> element's srcset uses x descriptors, browsers also consider the URL in the src attribute (if present) as a candidate, and assign it a default descriptor of 1x. On the other hand, if the srcset attribute uses width descriptors, src is not considered, and the sizes attribute is used instead. The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.",
 					"type": "Srcset",
 					"requiredEither": ["src"]
 				},
 				"usemap": {
+					"description": "The partial URL (starting with #) of an image map associated with the element. Note: You cannot use this attribute if the <img> element is inside an <a> or <button> element.",
 					"type": "HashName",
 					"condition": ":is(:not(a):not(button)) img"
 				},
@@ -38357,6 +38448,7 @@
 			},
 			"attributes": {
 				"accept": {
+					"description": "Valid for the file input type only, the accept attribute defines which file types are selectable in a file upload control. See the file input type.",
 					"type": {
 						"token": "Accept",
 						"caseInsensitive": true,
@@ -38366,10 +38458,13 @@
 					"condition": "[type='file' i]"
 				},
 				"alpha": {
+					"description": "Valid for the color input type only, the alpha attribute provides the end user with the ability to set the opacity of the color being selected.",
+					"experimental": true,
 					"type": "Boolean",
 					"condition": "[type='color' i]"
 				},
 				"alt": {
+					"description": "Valid for the image button only, the alt attribute provides alternative text for the image, displaying the value of the attribute if the image src is missing or otherwise fails to load. See the image input type.",
 					"type": "Any",
 					"condition": "[type='image' i]"
 				},
@@ -38377,6 +38472,7 @@
 					"description": "Controls whether inputted text is automatically capitalized and, if so, in what manner. See the autocapitalize global attribute page for more information."
 				},
 				"autocomplete": {
+					"description": "(Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a browser could integrate with a device's contacts list to autocomplete email addresses in an email input field. See autocomplete for permitted values. The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local, number, range, color, and password. This attribute has no effect on input types that do not return numeric or text data, being valid for all input types except checkbox, radio, file, or any of the button types. See the autocomplete attribute for additional information, including information on password security and how autocomplete is slightly different for hidden than for other input types.",
 					"condition": [
 						":not([type])",
 						"[type='hidden' i]",
@@ -38403,10 +38499,13 @@
 					"description": "Introduced in the HTML Media Capture specification and valid for the file input type only, the capture attribute defines which media—microphone, video, or camera—should be used to capture a new file for upload with file upload control in supporting scenarios. See the file input type."
 				},
 				"checked": {
+					"description": "Valid for both radio and checkbox types, checked is a Boolean attribute. If present on a radio type, it indicates that the radio button is the currently selected one in the group of same-named radio buttons. If present on a checkbox type, it indicates that the checkbox is checked by default (when the page loads). It does not indicate whether this checkbox is currently checked: if the checkbox's state is changed, this content attribute does not reflect the change. (Only the HTMLInputElement's checked IDL attribute is updated.) Note: Unlike other input controls, a checkboxes and radio buttons value are only included in the submitted data if they are currently checked. If they are, the name and the value(s) of the checked controls are submitted. For example, if a checkbox whose name is fruit has a value of cherry, and the checkbox is checked, the form data submitted will include fruit=cherry. If the checkbox isn't active, it isn't listed in the form data at all. The default value for checkboxes and radio buttons is on.",
 					"type": "Boolean",
 					"condition": ["[type='checkbox' i]", "[type='radio' i]"]
 				},
 				"colorspace": {
+					"description": "Valid for the color input type only, the colorspace attribute specifies the color space that is used by the type=\"color\" input. Possible enumerated values are: \"limited-srgb\": The color is in the sRGB color space. This includes rgb(), hsl(), hwb(), and <hex-color> values. The color value is limited to 8-bits per r, g, and b component. This is the default. \"display-p3\": The Display P3 color space, e.g., color(display-p3 1.84 -0.19 0.72 / 0.6)",
+					"experimental": true,
 					"type": {
 						"enum": ["limited-srgb", "display-p3"],
 						"invalidValueDefault": "limited-srgb",
@@ -38415,6 +38514,7 @@
 					"condition": "[type='color' i]"
 				},
 				"dirname": {
+					"description": "Valid for hidden, text, search, url, tel, and email input types, the dirname attribute enables the submission of the directionality of the element. When included, the form control will submit with two name/value pairs: the first being the name and value, and the second being the value of the dirname attribute as the name, with a value of ltr or rtl as set by the browser. html<form action=\"page.html\" method=\"post\"> <label> Fruit: <input type=\"text\" name=\"fruit\" dirname=\"fruit-dir\" value=\"cherry\" /> </label> <input type=\"submit\" /> </form> <!-- page.html?fruit=cherry&fruit-dir=ltr --> When the form above is submitted, the input cause both the name / value pair of fruit=cherry and the dirname / direction pair of fruit-dir=ltr to be sent. For more information, see the dirname attribute.",
 					"condition": [
 						":not([type])",
 						"[type='hidden' i]",
@@ -38449,6 +38549,7 @@
 					"description": "Valid for the image and submit input types only. See the submit input type for more information."
 				},
 				"height": {
+					"description": "Valid for the image input button only, the height is the height of the image file to display to represent the graphical submit button. See the image input type.",
 					"condition": "[type='image' i]"
 				},
 				"id": {
@@ -38462,6 +38563,7 @@
 					"description": "Global value valid for all elements, it provides a hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents. Values include none, text, tel, url, email, numeric, decimal, and search."
 				},
 				"list": {
+					"description": "The value given to the list attribute should be the id of a <datalist> element located in the same document. The <datalist> provides a list of predefined values to suggest to the user for this input. Any values in the list that are not compatible with the type are not included in the suggested options. The values provided are suggestions, not requirements: users can select from this predefined list or provide a different value. It is valid on text, search, url, tel, email, date, month, week, time, datetime-local, number, range, and color. Per the specifications, the list attribute is not supported by the hidden, password, checkbox, radio, file, or any of the button types. Depending on the browser, the user may see a custom color palette suggested, tic marks along a range, or even an input that opens like a <select> but allows for non-listed values. Check out the browser compatibility table for the other input types. See the <datalist> element.",
 					"type": "DOMID",
 					"condition": [
 						":not([type])",
@@ -38481,6 +38583,7 @@
 					]
 				},
 				"max": {
+					"description": "Valid for date, month, week, time, datetime-local, number, and range, it defines the greatest value in the range of permitted values. If the value entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value. There is a special case: if the data type is periodic (such as for dates or times), the value of max may be lower than the value of min, which indicates that the range may wrap around; for example, this allows you to specify a time range from 10 PM to 4 AM.",
 					"type": ["DateTime", "Number"],
 					"condition": [
 						"[type='date' i]",
@@ -38493,6 +38596,7 @@
 					]
 				},
 				"maxlength": {
+					"description": "Valid for text, search, url, tel, email, and password, it defines the maximum string length (measured in UTF-16 code units) that the user can enter into the field. This must be an integer value of 0 or higher. If no maxlength is specified, or an invalid value is specified, the field has no maximum length. This value must also be greater than or equal to the value of minlength. The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long. By default, browsers prevent users from entering more characters than allowed by the maxlength attribute. Constraint validation is only applied when the value is changed by the user. See Client-side validation for more information.",
 					"condition": [
 						":not([type])",
 						"[type='text' i]",
@@ -38504,6 +38608,7 @@
 					]
 				},
 				"min": {
+					"description": "Valid for date, month, week, time, datetime-local, number, and range, it defines the most negative value in the range of permitted values. If the value entered into the element is less than this, the element fails constraint validation. If the value of the min attribute isn't a number, then the element has no minimum value. This value must be less than or equal to the value of the max attribute. If the min attribute is present but is not specified or is invalid, no min value is applied. If the min attribute is valid and a non-empty value is less than the minimum allowed by the min attribute, constraint validation will prevent form submission. See Client-side validation for more information. There is a special case: if the data type is periodic (such as for dates or times), the value of max may be lower than the value of min, which indicates that the range may wrap around; for example, this allows you to specify a time range from 10 PM to 4 AM.",
 					"type": ["DateTime", "Number"],
 					"condition": [
 						"[type='date' i]",
@@ -38516,6 +38621,7 @@
 					]
 				},
 				"minlength": {
+					"description": "Valid for text, search, url, tel, email, and password, it defines the minimum string length (measured in UTF-16 code units) that the user can enter into the entry field. This must be a non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the input has no minimum length. The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long, preventing form submission. Constraint validation is only applied when the value is changed by the user. See Client-side validation for more information.",
 					"condition": [
 						":not([type])",
 						"[type='text' i]",
@@ -38527,6 +38633,7 @@
 					]
 				},
 				"multiple": {
+					"description": "The Boolean multiple attribute, if set, means the user can enter comma separated email addresses in the email widget or can choose more than one file with the file input. See the email and file input type.",
 					"type": "Boolean",
 					"condition": ["[type='email' i]", "[type='file' i]"]
 				},
@@ -38538,6 +38645,7 @@
 					"nonStandard": true
 				},
 				"pattern": {
+					"description": "Valid for text, search, url, tel, email, and password, the pattern attribute is used to compile a regular expression that the input's value must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the RegExp type, and as documented in our guide on regular expressions. No forward slashes should be specified around the pattern text. When compiling the regular expression: the pattern will be implicitly wrapped with ^(?: and )$, such that the match is required against the entire input value, i.e., ^(?:<pattern>)$. the 'v' flag is specified so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. If the pattern attribute is present but is not specified or is invalid, no regular expression is applied and this attribute is ignored completely. If the pattern attribute is valid and a non-empty value does not match the pattern, constraint validation will prevent form submission. If the multiple is present, the compiled regular expression is matched against each comma separated value. Note: If using the pattern attribute, inform the user about the expected format by including explanatory text nearby. You can also include a title attribute to explain what the requirements are to match the pattern; most browsers will display this title as a tooltip. The visible explanation is required for accessibility. The tooltip is an enhancement. See Client-side validation for more information.",
 					"type": "Pattern",
 					"condition": [
 						":not([type])",
@@ -38550,6 +38658,7 @@
 					]
 				},
 				"placeholder": {
+					"description": "Valid for text, search, url, tel, email, password, and number, the placeholder attribute provides a brief hint to the user as to what kind of information is expected in the field. It should be a word or short phrase that provides a hint as to the expected type of data, rather than an explanation or prompt. The text must not include carriage returns or line feeds. So for example if a field is expected to capture a user's first name, and its label is \"First Name\", a suitable placeholder might be \"e.g., Mustafa\". Note: The placeholder attribute is not as semantically useful as other ways to explain your form, and can cause unexpected technical issues with your content. See Labels for more information.",
 					"type": "OneLineAny",
 					"condition": [
 						":not([type])",
@@ -38563,10 +38672,12 @@
 					]
 				},
 				"popovertarget": {
+					"description": "Turns an <input type=\"button\"> element into a popover control button; takes the ID of the popover element to control as its value. See the Popover API landing page for more details. Establishing a relationship between a popover and its invoker button using the popovertarget attribute has two additional useful effects: The browser creates an implicit aria-details and aria-expanded relationship between popover and invoker, and places the popover in a logical position in the keyboard focus navigation order when shown. This makes the popover more accessible to keyboard and assistive technology (AT) users (see also Popover accessibility features). The browser creates an implicit anchor reference between the two, making it very convenient to position popovers relative to their controls using CSS anchor positioning. See Popover anchor positioning for more details.",
 					"type": "DOMID",
 					"condition": ["[type='button' i]", "[type='image' i]", "[type='reset' i]", "[type='submit' i]"]
 				},
 				"popovertargetaction": {
+					"description": "Specifies the action to be performed on a popover element being controlled by a control <input type=\"button\">. Possible values are: \"hide\" The button will hide a shown popover. If you try to hide an already hidden popover, no action will be taken. \"show\" The button will show a hidden popover. If you try to show an already showing popover, no action will be taken. \"toggle\" The button will toggle a popover between showing and hidden. If the popover is hidden, it will be shown; if the popover is showing, it will be hidden. If popovertargetaction is omitted, \"toggle\" is the default action that will be performed by the control button.",
 					"type": {
 						"enum": ["toggle", "show", "hide"],
 						"disallowToSurroundBySpaces": true,
@@ -38576,6 +38687,7 @@
 					"condition": ["[type='button' i]", "[type='image' i]", "[type='reset' i]", "[type='submit' i]"]
 				},
 				"readonly": {
+					"description": "A Boolean attribute which, if present, indicates that the user should not be able to edit the value of the input. The readonly attribute is supported by the text, search, url, tel, email, date, month, week, time, datetime-local, number, and password input types. See the HTML attribute: readonly for more information.",
 					"condition": [
 						":not([type])",
 						"[type='text' i]",
@@ -38593,6 +38705,7 @@
 					]
 				},
 				"required": {
+					"description": "required is a Boolean attribute which, if present, indicates that the user must specify a value for the input before the owning form can be submitted. The required attribute is supported by text, search, url, tel, email, date, month, week, time, datetime-local, number, password, checkbox, radio, and file inputs. See Client-side validation and the HTML attribute: required for more information.",
 					"condition": [
 						":not([type])",
 						"[type='text' i]",
@@ -38617,6 +38730,7 @@
 					"nonStandard": true
 				},
 				"size": {
+					"description": "Valid for email, password, tel, url, and text, the size attribute specifies how much of the input is shown. Basically creates same result as setting CSS width property with a few specialties. The actual unit of the value depends on the input type. For password and text, it is a number of characters (or em units) with a default value of 20, and for others, it is pixels (or px units). CSS width takes precedence over the size attribute.",
 					"type": {
 						"type": "integer",
 						"gt": 0
@@ -38633,9 +38747,11 @@
 					"defaultValue": "20"
 				},
 				"src": {
+					"description": "Valid for the image input button only, the src is string specifying the URL of the image file to display to represent the graphical submit button. See the image input type.",
 					"condition": "[type='image' i]"
 				},
 				"step": {
+					"description": "Valid for date, month, week, time, datetime-local, number, and range, the step attribute is a number that specifies the granularity that the value must adhere to. Only values which are a whole number of steps from the step base are valid. The step base is min if specified, value otherwise, or 0 if neither is provided (except for week, which has a default step base of −259,200,000, representing the start of week 1970-W01). If not explicitly included: step defaults to 1 for number and range. Each date/time input type has a default step value appropriate for the type; see the individual input pages: date, datetime-local, month, time, and week. The value must be a positive number—integer or float—or the special value any, which means no stepping is implied, and any value is allowed (barring other constraints, such as min and max). For example, if you have <input type=\"number\" min=\"10\" step=\"2\">, then any even integer, 10 or greater, is valid. If omitted, <input type=\"number\">, any integer is valid, but floats (like 4.2) are not valid, because step defaults to 1. For 4.2 to be valid, step would have had to be set to any, 0.1, 0.2, or the min value would have had to be a number ending in .2, such as <input type=\"number\" min=\"-5.2\">. Note: When the data entered by the user doesn't adhere to the stepping configuration, the value is considered invalid in constraint validation and will match the :invalid pseudoclass. See Client-side validation for more information.",
 					"type": [
 						"Number",
 						{
@@ -38653,6 +38769,12 @@
 						"[type='range' i]"
 					]
 				},
+				"switch": {
+					"description": "Valid for checkbox input only, switch is a Boolean attribute that indicates whether the checkbox input should be rendered as a switch. Note: This attribute is still experimental and has limited browser support. The attribute is ignored on unsupported browsers.",
+					"experimental": true,
+					"type": "Boolean",
+					"condition": ["[type='checkbox' i]"]
+				},
 				"tabindex": {
 					"description": "Global attribute valid for all elements, including all the input types, an integer attribute indicating if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation. As all input types except for input of type hidden are focusable, this attribute should not be used on form controls, because doing so would require the management of the focus order for all elements within the document with the risk of harming usability and accessibility if done incorrectly."
 				},
@@ -38660,6 +38782,7 @@
 					"description": "Global attribute valid for all elements, including all input types, containing a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip. The title should NOT be used as the primary explanation of the purpose of the form control. Instead, use the <label> element with a for attribute set to the form control's id attribute. See Labels below."
 				},
 				"type": {
+					"description": "A string specifying the type of control to render. For example, to create a checkbox, a value of checkbox is used. If omitted (or an unknown value is specified), the input type text is used, creating a plaintext input field. Permitted values are listed in Input types above.",
 					"type": {
 						"enum": [
 							"hidden",
@@ -38691,6 +38814,7 @@
 					"defaultValue": "text"
 				},
 				"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"
 				},
 				"webkitdirectory": {
@@ -38698,6 +38822,7 @@
 					"nonStandard": true
 				},
 				"width": {
+					"description": "Valid for the image input button only, the width is the width of the image file to display to represent the graphical submit button. See the image input type.",
 					"condition": "[type='image' i]"
 				}
 			}
@@ -38730,9 +38855,11 @@
 			},
 			"attributes": {
 				"cite": {
+					"description": "This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting system.",
 					"type": "URL"
 				},
 				"datetime": {
+					"description": "This attribute indicates the time and date of the change and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated timestamp. For the format of the string without a time, see Format of a valid date string. The format of the string if it includes both date and time is covered in Format of a valid local date and time string.",
 					"type": "DateTime"
 				}
 			}
@@ -38821,6 +38948,7 @@
 			},
 			"attributes": {
 				"for": {
+					"description": "The value is the id of the labelable form control in the same document, associating the <label> with that form control. Note that its JavaScript reflection property is htmlFor.",
 					"type": "DOMID"
 				}
 			}
@@ -38889,6 +39017,7 @@
 					"deprecated": true
 				},
 				"value": {
+					"description": "This integer attribute indicates the current ordinal value of the list item as defined by the <ol> element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set. This attribute has no meaning for unordered lists (<ul>) or for menus (<menu>).",
 					"type": "Int",
 					"condition": "ol > li"
 				}
@@ -38925,6 +39054,7 @@
 			},
 			"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 object <object> elements script <script> elements, Worker importScripts style <link rel=stylesheet> elements, CSS @import track <track> elements video <video> elements worker Worker, SharedWorker",
 					"type": {
 						"enum": [
 							"fetch",
@@ -38953,6 +39083,7 @@
 					"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.",
 					"type": {
 						"token": {
 							"enum": ["render"]
@@ -38975,28 +39106,32 @@
 					"description": "This enumerated attribute indicates whether CORS must be used when fetching the resource. CORS-enabled images can be reused in the <canvas> element without being tainted. The allowed values are: anonymous A cross-origin request (i.e., with an Origin HTTP header) is performed, but no credential is sent (i.e., no cookie, X.509 certificate, or HTTP Basic authentication). If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin HTTP header) the resource will be tainted and its usage restricted. use-credentials A cross-origin request (i.e., with an Origin HTTP header) is performed along with a credential sent (i.e., a cookie, certificate, and/or HTTP Basic authentication is performed). If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials HTTP header), the resource will be tainted and its usage restricted. If the attribute is not present, the resource is fetched without a CORS request (i.e., without sending the Origin HTTP header), preventing its non-tainted usage. If invalid, it is handled as if the enumerated keyword anonymous was used. See CORS settings attributes for additional information."
 				},
 				"disabled": {
+					"description": "For rel=\"stylesheet\" only, the disabled Boolean attribute indicates whether the described stylesheet should be loaded and applied to the document. If disabled is specified in the HTML when it is loaded, the stylesheet will not be loaded during page load. Instead, the stylesheet will be loaded on-demand, if and when the disabled attribute is changed to false or removed. Setting the disabled property in the DOM causes the stylesheet to be removed from the document's Document.styleSheets list.",
 					"type": "Boolean"
 				},
 				"fetchpriority": {
-					"description": "Provides a hint of the relative priority to use when fetching a resource of a particular type. Allowed values: high Fetch the resource at a high priority relative to other resources of the same type. low Fetch the resource at a low priority relative to other resources of the same type. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set. See HTMLLinkElement.fetchPriority for more information."
+					"description": "Provides a hint of the relative priority to use when fetching a resource of a particular type. Allowed values: high Fetch the resource at a high priority relative to other resources of the same type. low Fetch the resource at a low priority relative to other resources of the same type. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set."
 				},
 				"href": {
 					"description": "This attribute specifies the URL of the linked resource. A URL can be absolute or relative."
 				},
 				"hreflang": {
-					"description": "This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are specified by RFC 5646: Tags for Identifying Languages (also known as BCP 47). Use this attribute only if the href attribute is present."
+					"description": "This attribute indicates the language of the linked resource. It is purely advisory. Values should be valid BCP 47 language tags. Use this attribute only if the href attribute is present."
 				},
 				"imagesizes": {
+					"description": "For rel=\"preload\" and as=\"image\" only, the imagesizes attribute has similar syntax and semantics as the sizes attribute that indicates to preload the appropriate resource used by an img element with corresponding values for its srcset and sizes attributes.",
 					"type": "SourceSizeList",
 					"condition": "[imagesrcset][rel~='preload' i][as='image' i]",
 					"required": "[imagesrcset]"
 				},
 				"imagesrcset": {
+					"description": "For rel=\"preload\" and as=\"image\" only, the imagesrcset attribute has similar syntax and semantics as the srcset attribute that indicates to preload the appropriate resource used by an img element with corresponding values for its srcset and sizes attributes.",
 					"type": "Srcset",
 					"condition": "[imagesizes][rel~='preload' i][as='image' i]",
 					"required": "[imagesizes]"
 				},
 				"integrity": {
+					"description": "Contains inline metadata — a base64-encoded cryptographic hash of the resource (file) you're telling the browser to fetch. The browser can use this to verify that the fetched resource has been delivered without unexpected manipulation. The attribute must only be specified when the rel attribute is specified to stylesheet, preload, or modulepreload. See Subresource Integrity.",
 					"condition": ["[rel~='stylesheet' i]", "[rel~='preload' i]", "[rel~='modulepreload' i]"]
 				},
 				"itemprop": {
@@ -39006,9 +39141,10 @@
 					"description": "This attribute specifies the media that the linked resource applies to. Its value must be a media type / media query. This attribute is mainly useful when linking to external stylesheets — it allows the user agent to pick the best adapted one for the device it runs on."
 				},
 				"referrerpolicy": {
-					"description": "A string indicating which referrer to use when fetching the resource: no-referrer means that the Referer header will not be sent. no-referrer-when-downgrade means that no Referer header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent's default behavior, if no policy is otherwise specified. origin means that the referrer will be the origin of the page, which is roughly the scheme, the host, and the port. origin-when-cross-origin means that navigating to other origins will be limited to the scheme, the host, and the port, while navigating on the same origin will include the referrer's path. unsafe-url means that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins."
+					"description": "A string indicating which referrer to use when fetching the resource. For detailed explanations and examples of each policy, see the Referrer-Policy header documentation. no-referrer means that the Referer header will not be sent. no-referrer-when-downgrade means that no Referer header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent's default behavior, if no policy is otherwise specified. origin means that the referrer will be the origin of the page, which is roughly the scheme, the host, and the port. origin-when-cross-origin means that navigating to other origins will be limited to the scheme, the host, and the port, while navigating on the same origin will include the referrer's path. same-origin means that the referrer (origin, path, and query string) is sent for same-origin requests, but no referrer is sent for cross-origin requests. strict-origin means that only the origin is sent when the protocol security level stays the same (HTTPS→HTTPS). No referrer is sent to less secure destinations (HTTPS→HTTP). This is important for HTTPS pages because it prevents leaking referrer information to insecure origins. strict-origin-when-cross-origin means that the full referrer is sent for same-origin requests. For cross-origin requests, only the origin is sent when the protocol stays the same (HTTPS→HTTPS), and no referrer is sent when downgrading to HTTP. This is the default value, which balances functionality with privacy and security for HTTPS sites. unsafe-url means that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins."
 				},
 				"rel": {
+					"description": "This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of link type values.",
 					"type": "LinkTypeForLinkElement",
 					"requiredEither": ["itemprop"]
 				},
@@ -39018,6 +39154,7 @@
 					"deprecated": true
 				},
 				"sizes": {
+					"description": "This attribute defines the sizes of the icons for visual media contained in the resource. It must be present only if the rel contains a value of icon or a non-standard type such as Apple's apple-touch-icon. It may have the following values: any, meaning that the icon can be scaled to any size as it is in a vector format, like image/svg+xml. a white-space separated list of sizes, each in the format <width in pixels>x<height in pixels> or <width in pixels>X<height in pixels>. Each of these sizes must be contained in the resource. Note: Most icon formats are only able to store one single icon; therefore, most of the time, the sizes attribute contains only one entry. Microsoft's ICO format and Apple's ICNS format can store multiple icon sizes in a single file. ICO has better browser support, so you should use this format if cross-browser support is a concern.",
 					"type": {
 						"token": "IconSize",
 						"caseInsensitive": true,
@@ -39109,6 +39246,7 @@
 			},
 			"attributes": {
 				"name": {
+					"description": "The name attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of the name attribute must not be equal to the value of the name attribute of another <map> element in the same document. If the id attribute is also specified, both attributes must have the same value.",
 					"type": "NoEmptyAny"
 				}
 			}
@@ -39320,6 +39458,7 @@
 			},
 			"attributes": {
 				"charset": {
+					"description": "This attribute declares the document's character encoding. If the attribute is present, its value must be an ASCII case-insensitive match for the string \"utf-8\", because UTF-8 is the only valid encoding for HTML5 documents. <meta> elements which declare a character encoding must be located entirely within the first 1024 bytes of the document.",
 					"type": {
 						"enum": ["utf-8"],
 						"caseInsensitive": true
@@ -39327,11 +39466,13 @@
 					"condition": [":not([itemprop])", ":not([name])", ":not([http-equiv])"]
 				},
 				"content": {
+					"description": "This attribute contains the value for the http-equiv or name attribute, depending on which is used.",
 					"type": "Any",
 					"required": ["[name]", "[http-equiv]", "[itemprop]"],
 					"condition": ["[name]", "[http-equiv]", "[itemprop]"]
 				},
 				"http-equiv": {
+					"description": "Defines a pragma directive, which are instructions for the browser for processing the document. The attribute's name is short for http-equivalent because the allowed values are names of equivalent HTTP headers.",
 					"type": {
 						"enum": [
 							"content-type",
@@ -39349,9 +39490,11 @@
 					"condition": [":not([name])", ":not([http-equiv])", ":not([charset])"]
 				},
 				"media": {
+					"description": "The media attribute defines which media the theme color defined in the content attribute should be applied to. Its value is a media query, which defaults to all if the attribute is missing. This attribute is only relevant when the element's name attribute is set to theme-color. Otherwise, it has no effect, and should not be included.",
 					"condition": "[name='theme-color']"
 				},
 				"name": {
+					"description": "The name and content attributes can be used together to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.",
 					"type": "Any",
 					"requiredEither": ["itemprop", "http-equiv", "charset"],
 					"condition": [":not([itemprop])", ":not([http-equiv])", ":not([charset])"]
@@ -39371,7 +39514,7 @@
 				]
 			},
 			"aria": {
-				"implicitRole": "mater",
+				"implicitRole": "meter",
 				"permittedRoles": false,
 				"properties": {
 					"global": true,
@@ -39398,21 +39541,27 @@
 			},
 			"attributes": {
 				"high": {
+					"description": "The lower numeric bound of the high end of the measured range. This must be less than the maximum value (max attribute), and it also must be greater than the low value and minimum value (low attribute and min attribute, respectively), if any are specified. If unspecified, or if greater than the maximum value, the high value is equal to the maximum value.",
 					"type": "Number"
 				},
 				"low": {
+					"description": "The upper numeric bound of the low end of the measured range. This must be greater than the minimum value (min attribute), and it also must be less than the high value and maximum value (high attribute and max attribute, respectively), if any are specified. If unspecified, or if less than the minimum value, the low value is equal to the minimum value.",
 					"type": "Number"
 				},
 				"max": {
+					"description": "The upper numeric bound of the measured range. This must be greater than the minimum value (min attribute), if specified. If unspecified, the maximum value is 1.",
 					"type": "Number"
 				},
 				"min": {
+					"description": "The lower numeric bound of the measured range. This must be less than the maximum value (max attribute), if specified. If unspecified, the minimum value is 0.",
 					"type": "Number"
 				},
 				"optimum": {
+					"description": "This attribute indicates the optimal numeric value. It must be within the range (as defined by the min attribute and max attribute). When used with the low attribute and high attribute, it gives an indication where along the range is considered preferable. For example, if it is between the min attribute and the low attribute, then the lower range is considered preferred. The browser may color the meter's bar differently depending on whether the value is less than or equal to the optimum value.",
 					"type": "Number"
 				},
 				"value": {
+					"description": "The current numeric value. This must be between the minimum and maximum values (min attribute and max attribute) if they are specified. If unspecified or malformed, the value is 0. If specified, but not within the range given by the min attribute and max attribute, the value is equal to the nearest end of the range. Note: Unless the value attribute is between 0 and 1 (inclusive), the min and max attributes should define the range so that the value attribute's value is within it.",
 					"type": "Number"
 				}
 			}
@@ -39600,6 +39749,7 @@
 					"deprecated": true
 				},
 				"data": {
+					"description": "The address of the resource as a valid URL. At least one of data and type must be defined.",
 					"type": "URL",
 					"requiredEither": ["type"]
 				},
@@ -39614,6 +39764,7 @@
 					"description": "The height of the displayed resource, as in <integer> in CSS pixels."
 				},
 				"name": {
+					"description": "The name of valid browsing context (HTML5), or the name of the control (HTML 4). The name becomes a property of the Window and Document objects, containing a reference to the embedded window or the element itself.",
 					"type": "NavigableTargetName"
 				},
 				"standby": {
@@ -39621,6 +39772,7 @@
 					"deprecated": true
 				},
 				"type": {
+					"description": "The content type of the resource specified by data. At least one of data and type must be defined.",
 					"type": "MIMEType",
 					"requiredEither": ["data"]
 				},
@@ -39692,12 +39844,15 @@
 					"nonStandard": true
 				},
 				"reversed": {
+					"description": "This Boolean attribute specifies that the list's items are in reverse order. Items will be numbered from high to low.",
 					"type": "Boolean"
 				},
 				"start": {
+					"description": "An integer to start counting from for the list items. Always an Arabic numeral (1, 2, 3, etc.), even when the numbering type is letters or Roman numerals. For example, to start numbering elements from the letter \"d\" or the Roman numeral \"iv,\" use start=\"4\".",
 					"type": "Int"
 				},
 				"type": {
+					"description": "Sets the numbering type: a for lowercase letters A for uppercase letters i for lowercase Roman numerals I for uppercase Roman numerals 1 for numbers (default) The specified type is used for the entire list unless a different type attribute is used on an enclosed <li> element. Note: Unless the type of the list number matters (like legal or technical documents where items are referenced by their number/letter), use the CSS list-style-type property instead.",
 					"type": {
 						"enum": ["1", "a", "A", "i", "I"],
 						"caseInsensitive": false,
@@ -39739,6 +39894,7 @@
 					"description": "If this Boolean attribute is set, none of the items in this option group is selectable. Often browsers grey out such control and it won't receive any browsing events, like mouse clicks or focus-related ones."
 				},
 				"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",
 					"required": true
 				}
@@ -39810,12 +39966,15 @@
 					"description": "If this Boolean attribute is set, this option is not checkable. Often browsers grey out such control and it won't receive any browsing event, like mouse clicks or focus-related ones. If this attribute is not set, the element can still be disabled if one of its ancestors is a disabled <optgroup> element."
 				},
 				"label": {
+					"description": "This attribute is text for the label indicating the meaning of the option. If the label attribute isn't defined, its value is that of the element text content.",
 					"type": "Any"
 				},
 				"selected": {
+					"description": "If present, this Boolean attribute indicates that the option is initially selected. If the <option> element is the descendant of a <select> element whose multiple attribute is not set, only one single <option> of this <select> element may have the selected attribute.",
 					"type": "Boolean"
 				},
 				"value": {
+					"description": "The content of this attribute represents the value to be submitted with the form, should this option be selected. If this attribute is omitted, the value is taken from the text content of the option element.",
 					"type": "Any"
 				}
 			}
@@ -39845,6 +40004,7 @@
 			},
 			"attributes": {
 				"for": {
+					"description": "A space-separated list of other elements' ids, indicating that those elements contributed input values to (or otherwise affected) the calculation.",
 					"type": {
 						"token": "DOMID",
 						"separator": "space",
@@ -39989,7 +40149,7 @@
 		{
 			"name": "pre",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/pre",
-			"description": "The <pre> HTML element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically rendered using a non-proportional, or monospaced font. Whitespace inside this element is displayed as written, with one exception. If one or more leading newline characters are included immediately following the opening <pre> tag, the first newline character is stripped. <pre> elements' text content is parsed as HTML, so if you want to ensure that your text content stays as plain text, some syntax characters, such as <, may need to be escaped using their respective character references. See escaping ambiguous characters for more information. <pre> elements commonly contain <code>, <samp>, and <kbd> elements, to represent computer code, computer output, and user input, respectively. By default, <pre> is a block-level element, i.e., its default display value is block.",
+			"description": "The <pre> HTML element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically rendered using a non-proportional, or monospaced font. Whitespace inside this element is displayed as written, with one exception. If one or more leading newline characters are included immediately following the opening <pre> tag, the first newline character is stripped. This transformation is done by the HTML parser and does not apply when using XHTML. <pre> elements' text content is parsed as HTML, so if you want to ensure that your text content stays as plain text, some syntax characters, such as <, may need to be escaped using their respective character references. See escaping ambiguous characters for more information. <pre> elements commonly contain <code>, <samp>, and <kbd> elements, to represent computer code, computer output, and user input, respectively. By default, <pre> is a block-level element, i.e., its default display value is block.",
 			"categories": ["#flow", "#palpable"],
 			"contentModel": {
 				"contents": [
@@ -40059,9 +40219,11 @@
 			},
 			"attributes": {
 				"max": {
+					"description": "This attribute describes how much work the task indicated by the progress element requires. The max attribute, if present, must have a value greater than 0 and be a valid floating point number. The default value is 1.",
 					"type": "Number"
 				},
 				"value": {
+					"description": "This attribute specifies how much of the task that has been completed. It must be a valid floating point number between 0 and max, or between 0 and 1 if max is omitted. If there is no value attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.",
 					"type": "Number"
 				}
 			}
@@ -40094,6 +40256,7 @@
 			},
 			"attributes": {
 				"cite": {
+					"description": "The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.",
 					"type": "URL"
 				}
 			}
@@ -40315,15 +40478,17 @@
 			},
 			"attributes": {
 				"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]"],
 					"ineffective": ":not([src]):not([type='module' i])"
 				},
 				"attributionsrc": {
-					"description": "Specifies that you want the browser to send an Attribution-Reporting-Eligible header along with the script resource request. On the server-side this is used to trigger sending an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header in the response, to register a JavaScript-based attribution source or attribution trigger, respectively. Which response header should be sent back depends on the value of the Attribution-Reporting-Eligible header that triggered the registration. Note: Alternatively, JavaScript-based attribution sources or triggers can be registered by sending a fetch() request containing the attributionReporting option (either set directly on the fetch() call or on a Request object passed into the fetch() call), or by sending an XMLHttpRequest with setAttributionReporting() invoked on the request object. There are two versions of this attribute that you can set: Boolean, i.e., just the attributionsrc name. This specifies that you want the Attribution-Reporting-Eligible header sent to the same server as the src attribute points to. This is fine when you are handling the attribution source or trigger registration on the same server. When registering an attribution trigger this property is optional, and an empty string value will be used if it is omitted. Value containing one or more URLs, for example: html<script src=\"myscript.js\" attributionsrc=\"https://a.example/register-source https://b.example/register-source\"></script> This is useful in cases where the requested resource is not on a server you control, or you just want to handle registering the attribution source on a different server. In this case, you can specify one or more URLs as the value of attributionsrc. When the resource request occurs the Attribution-Reporting-Eligible header will be sent to the URL(s) specified in attributionSrc in addition to the resource origin. These URLs can then respond with a Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header as appropriate to complete registration. Note: Specifying multiple URLs means that multiple attribution sources can be registered on the same feature. You might for example have different campaigns that you are trying to measure the success of, which involve generating different reports on different data. See the Attribution Reporting API for more details.",
-					"experimental": true
+					"description": "Specifies that you want the browser to send an Attribution-Reporting-Eligible header along with the script resource request. On the server-side this is used to trigger sending an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header in the response, to register a JavaScript-based attribution source or attribution trigger, respectively. Which response header should be sent back depends on the value of the Attribution-Reporting-Eligible header that triggered the registration. Note: Alternatively, JavaScript-based attribution sources or triggers can be registered by sending a fetch() request containing the attributionReporting option (either set directly on the fetch() call or on a Request object passed into the fetch() call), or by sending an XMLHttpRequest with setAttributionReporting() invoked on the request object. There are two versions of this attribute that you can set: Boolean, i.e., just the attributionsrc name. This specifies that you want the Attribution-Reporting-Eligible header sent to the same server as the src attribute points to. This is fine when you are handling the attribution source or trigger registration on the same server. When registering an attribution trigger this property is optional, and an empty string value will be used if it is omitted. Value containing one or more URLs, for example: html<script src=\"myscript.js\" attributionsrc=\"https://a.example/register-source https://b.example/register-source\"></script> This is useful in cases where the requested resource is not on a server you control, or you just want to handle registering the attribution source on a different server. In this case, you can specify one or more URLs as the value of attributionsrc. When the resource request occurs the Attribution-Reporting-Eligible header will be sent to the URL(s) specified in attributionSrc in addition to the resource origin. These URLs can then respond with an Attribution-Reporting-Register-Source or Attribution-Reporting-Register-Trigger header as appropriate to complete registration. Note: Specifying multiple URLs means that multiple attribution sources can be registered on the same feature. You might for example have different campaigns that you are trying to measure the success of, which involve generating different reports on different data. See the Attribution Reporting API for more details.",
+					"deprecated": true
 				},
 				"blocking": {
+					"description": "This attribute explicitly indicates that certain operations should be blocked until the script has executed. The operations that are to be blocked must be a space-separated list of blocking tokens. Currently there is only one token: render: The rendering of content on the screen is blocked. Note: Only script elements in the document's <head> can possibly block rendering. Scripts are not render-blocking by default; if a script element does not include type=\"module\", async, or defer, then it blocks parsing, not rendering. If such a script element is added dynamically via script, you must set blocking = \"render\" for it to block rendering.",
 					"type": {
 						"token": {
 							"enum": ["render"]
@@ -40340,14 +40505,16 @@
 					"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."
 				},
 				"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]",
 					"ineffective": ["[type='module' i]", ":not([src])", "[async]"]
 				},
 				"fetchpriority": {
-					"description": "Provides a hint of the relative priority to use when fetching an external script. Allowed values: high Fetch the external script at a high priority relative to other external scripts. low Fetch the external script at a low priority relative to other external scripts. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set. See HTMLScriptElement.fetchPriority for more information."
+					"description": "Provides a hint of the relative priority to use when fetching an external script. Allowed values: high Fetch the external script at a high priority relative to other external scripts. low Fetch the external script at a low priority relative to other external scripts. auto Don't set a preference for the fetch priority. This is the default. It is used if no value or an invalid value is set."
 				},
 				"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]"
 				},
 				"language": {
@@ -40356,6 +40523,7 @@
 					"nonStandard": true
 				},
 				"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])"
 				},
@@ -40366,9 +40534,11 @@
 					"description": "Indicates which referrer to send when fetching the script, or resources fetched by the script: no-referrer: The Referer header will not be sent. no-referrer-when-downgrade: The Referer header will not be sent to origins without TLS (HTTPS). origin: The sent referrer will be limited to the origin of the referring page: its scheme, host, and port. origin-when-cross-origin: The referrer sent to other origins will be limited to the scheme, the host, and the port. Navigations on the same origin will still include the path. same-origin: A referrer will be sent for same origin, but cross-origin requests will contain no referrer information. strict-origin: Only send the origin of the document as the referrer when the protocol security level stays the same (HTTPS→HTTPS), but don't send it to a less secure destination (HTTPS→HTTP). strict-origin-when-cross-origin (default): Send a full URL when performing a same-origin request, only send the origin when the protocol security level stays the same (HTTPS→HTTPS), and send no header to a less secure destination (HTTPS→HTTP). unsafe-url: The referrer will include the origin and the path (but not the fragment, password, or username). This value is unsafe, because it leaks origins and paths from TLS-protected resources to insecure origins. Note: An empty string value (\"\") is both the default value, and a fallback value if referrerpolicy is not supported. If referrerpolicy is not explicitly specified on the <script> element, it will adopt a higher-level referrer policy, i.e., one set on the whole document or domain. If a higher-level policy is not available, the empty string is treated as being equivalent to strict-origin-when-cross-origin."
 				},
 				"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": {
+					"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",
 						{
@@ -40539,6 +40709,7 @@
 					"description": "The <form> element to associate the <select> with (its form owner). The value of this attribute must be the id of a <form> in the same document. (If this attribute is not set, the <select> is associated with its ancestor <form> element, if any.) This attribute lets you associate <select> elements to <form>s anywhere in the document, not just inside a <form>. It can also override an ancestor <form> element."
 				},
 				"multiple": {
+					"description": "This Boolean attribute indicates that multiple options can be selected in the list. If it is not specified, then only one option can be selected at a time. When multiple is specified, most browsers will show a scrolling list box instead of a single line dropdown. Multiple selected options are submitted using the URLSearchParams array convention, i.e., name=value1&name=value2.",
 					"type": "Boolean"
 				},
 				"name": {
@@ -40548,6 +40719,7 @@
 					"description": "A Boolean attribute indicating that an option with a non-empty string value must be selected."
 				},
 				"size": {
+					"description": "If the control is presented as a scrolling list box (e.g., when multiple is specified), this attribute represents the number of rows in the list that should be visible at one time. Browsers are not required to present a select element as a scrolled list box. The default value is 0. Note: According to the HTML specification, the default value for size should be 1; however, in practice, this has been found to break some websites, and no other browser currently does that, so Mozilla has opted to continue to return 0 for the time being with Firefox.",
 					"type": {
 						"type": "integer",
 						"gt": 0
@@ -40580,6 +40752,7 @@
 			},
 			"attributes": {
 				"name": {
+					"description": "The slot's name. When the slot's containing component gets rendered, the slot is rendered with the custom element's child that has a matching slot attribute. A named slot is a <slot> element with a name attribute. Unnamed slots have the name default to the empty string. Names should be unique per shadow root: if you have two slots with the same name, all of the elements with a matching slot attribute will be assigned to the first slot with that name.",
 					"type": "NoEmptyAny"
 				}
 			}
@@ -40634,27 +40807,34 @@
 			},
 			"attributes": {
 				"height": {
+					"description": "Specifies the intrinsic height of the image in pixels. Allowed if the parent of <source> is a <picture>. Not allowed if the parent is <audio> or <video>. The height value must be an integer without any units.",
 					"condition": "picture > source"
 				},
 				"media": {
+					"description": "Specifies the media query for the resource's intended media.",
 					"type": "<media-query-list>"
 				},
 				"sizes": {
+					"description": "Specifies a list of source sizes that describe the final rendered width of the image. Allowed if the parent of <source> is <picture>. Not allowed if the parent is <audio> or <video>. The list consists of source sizes separated by commas. Each source size is media condition-length pair. Before laying the page out, the browser uses this information to determine which image defined in srcset to display. Note that sizes will take effect only if width descriptors are provided with srcset, not pixel density descriptors (i.e., 200w should be used instead of 2x).",
 					"condition": "picture > source"
 				},
 				"src": {
+					"description": "Specifies the URL of the media resource. Required if the parent of <source> is <audio> or <video>. Not allowed if the parent is <picture>.",
 					"type": "URL",
 					"required": ":is(video, audio) > source",
 					"condition": ":is(video, audio) > source"
 				},
 				"srcset": {
+					"description": "Specifies a comma-separated list of one or more image URLs and their descriptors. Required if the parent of <source> is <picture>. Not allowed if the parent is <audio> or <video>. The list consists of strings separated by commas, indicating a set of possible images for the browser to use. Each string is composed of: A URL specifying an image location. An optional width descriptor—a positive integer directly followed by \"w\", such as 300w. An optional pixel density descriptor—a positive floating number directly followed by \"x\", such as 2x. Each string in the list must have either a width descriptor or a pixel density descriptor to be valid. These two descriptors should not be used together; only one should be used consistently throughout the list. The value of each descriptor in the list must be unique. The browser chooses the most adequate image to display at a given point of time based on these descriptors. If the descriptors are not specified, the default value used is 1x. If the sizes attribute is also present, then each string must include a width descriptor. If the browser does not support srcset, then src will be used for the default image source.",
 					"required": "picture > source",
 					"condition": "picture > source"
 				},
 				"type": {
+					"description": "Specifies the MIME media type of the image or other media type, optionally including a codecs parameter.",
 					"type": "MIMEType"
 				},
 				"width": {
+					"description": "Specifies the intrinsic width of the image in pixels. Allowed if the parent of <source> is a <picture>. Not allowed if the parent is <audio> or <video>. The width value must be an integer without any units.",
 					"condition": "picture > source"
 				}
 			}
@@ -40774,6 +40954,7 @@
 			},
 			"attributes": {
 				"blocking": {
+					"description": "This attribute explicitly indicates that certain operations should be blocked on the fetching of critical subresources and the application of the stylesheet to the document. @import-ed stylesheets are generally considered as critical subresources, whereas background-image and fonts are not. 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 style elements in the document's <head> can possibly block rendering. By default, a style element in the <head> blocks rendering when the browser discovers it during parsing. If such a style element is added dynamically via script, you must additionally set blocking = \"render\" for it to block rendering.",
 					"type": {
 						"token": {
 							"enum": ["render"]
@@ -40783,6 +40964,7 @@
 					}
 				},
 				"media": {
+					"description": "This attribute defines which media the style should be applied to. Its value is a media query, which defaults to all if the attribute is missing.",
 					"type": "<media-query-list>"
 				},
 				"nonce": {
@@ -41146,19 +41328,29 @@
 			},
 			"attributes": {
 				"shadowrootclonable": {
+					"description": "Sets the value of the clonable property of a ShadowRoot created using this element to true. If set, a clone of the shadow host (the parent element of this <template>) created with Node.cloneNode() or Document.importNode() will include a shadow root in the copy.",
 					"type": "Boolean"
 				},
 				"shadowrootdelegatesfocus": {
+					"description": "Sets the value of the delegatesFocus property of a ShadowRoot created using this element to true. If this is set and a non-focusable element in the shadow tree is selected, then focus is delegated to the first focusable element in the tree. The value defaults to false.",
 					"type": "Boolean"
 				},
 				"shadowrootmode": {
+					"description": "Creates a shadow root for the parent element. It is a declarative version of the Element.attachShadow() method and accepts the same enumerated values. open Exposes the internal shadow root DOM for JavaScript (recommended for most use cases). closed Hides the internal shadow root DOM from JavaScript. Note: The HTML parser creates a ShadowRoot object in the DOM for the first <template> in a node with this attribute set to an allowed value. If the attribute is not set, or not set to an allowed value — or if a ShadowRoot has already been declaratively created in the same parent — then an HTMLTemplateElement is constructed. A HTMLTemplateElement cannot subsequently be changed into a shadow root after parsing, for example, by setting HTMLTemplateElement.shadowRootMode. Note: You may find the non-standard shadowroot attribute in older tutorials and examples that used to be supported in Chrome 90-110. This attribute has since been removed and replaced by the standard shadowrootmode attribute.",
 					"type": {
 						"enum": ["open", "closed"],
 						"missingValueDefault": "none",
 						"invalidValueDefault": "none"
 					}
 				},
+				"shadowrootreferencetarget": {
+					"description": "Sets the value of the referenceTarget property of a ShadowRoot created using this element. The value should be the ID of an element inside the shadow DOM. If set, target references to the host element from outside the shadow DOM will cause the referenced target element to become the effective target of the reference to the host element.",
+					"experimental": true,
+					"nonStandard": true,
+					"type": "DOMID"
+				},
 				"shadowrootserializable": {
+					"description": "Sets the value of the serializable property of a ShadowRoot created using this element to true. If set, the shadow root may be serialized by calling the Element.getHTML() or ShadowRoot.getHTML() methods with the options.serializableShadowRoots parameter set true. The value defaults to false.",
 					"type": "Boolean"
 				}
 			}
@@ -41214,6 +41406,7 @@
 					"description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads. Only one form-associated element in a document can have this attribute specified."
 				},
 				"cols": {
+					"description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20.",
 					"type": {
 						"type": "integer",
 						"gt": 0
@@ -41239,6 +41432,7 @@
 					"description": "The name of the control."
 				},
 				"placeholder": {
+					"description": "A hint to the user of what can be entered in the control. Carriage returns or line-feeds within the placeholder text must be treated as line breaks when rendering the hint. Note: Placeholders should only be used to show an example of the type of data that should be entered into a form; they are not a substitute for a proper <label> element tied to the input. See <input> labels for a full explanation.",
 					"type": "Any"
 				},
 				"readonly": {
@@ -41248,6 +41442,7 @@
 					"description": "This attribute specifies that the user must fill in a value before submitting a form."
 				},
 				"rows": {
+					"description": "The number of visible text lines for the control. If it is specified, it must be a positive integer. If it is not specified, the default value is 2.",
 					"type": {
 						"type": "integer",
 						"gt": 0
@@ -41258,6 +41453,7 @@
 					"description": "Specifies whether the <textarea> is subject to spell-checking by the underlying browser/OS. The value can be: true: Indicates that the element needs to have its spelling and grammar checked. default : Indicates that the element is to act according to a default behavior, possibly based on the parent element's own spellcheck value. false : Indicates that the element should not be spell-checked."
 				},
 				"wrap": {
+					"description": "Indicates how the control should wrap the value for form submission. Possible values are: hard: The browser automatically inserts line breaks (CR+LF) so that each line is no longer than the width of the control; the cols attribute must be specified for this to take effect soft: The browser ensures that all line breaks in the entered value are a CR+LF pair, but no additional line breaks are added to the value. off Non-standard : Like soft but changes appearance to white-space: pre so line segments exceeding cols are not wrapped and the <textarea> becomes horizontally scrollable. If this attribute is not specified, soft is its default value.",
 					"type": {
 						"enum": ["soft", "hard"],
 						"missingValueDefault": "soft",
@@ -41359,6 +41555,7 @@
 			},
 			"attributes": {
 				"abbr": {
+					"description": "A short, abbreviated description of the header cell's content provided as an alternative label to use for the header cell when referencing the cell in other contexts. Some user-agents, such as screen readers, may present this description before the content itself.",
 					"type": "Any"
 				},
 				"align": {
@@ -41395,6 +41592,7 @@
 					"description": "A non-negative integer value indicating how many rows the header cell spans or extends. The default value is 1; if its value is set to 0, the header cell will extend to the end of the table grouping section (<thead>, <tbody>, <tfoot>, even if implicitly defined), that the <th> belongs to. Values higher than 65534 are clipped at 65534."
 				},
 				"scope": {
+					"description": "Defines the cells that the header (defined in the <th>) element relates to. Possible enumerated values are: row: the header relates to all cells of the row it belongs to; col: the header relates to all cells of the column it belongs to; rowgroup: the header belongs to a rowgroup and relates to all of its cells; colgroup: the header belongs to a colgroup and relates to all of its cells. If the scope attribute is not specified, or its value is not row, col, rowgroup, or colgroup, then browsers automatically select the set of cells to which the header cell applies.",
 					"type": {
 						"enum": ["row", "col", "rowgroup", "colgroup"],
 						"missingValueDefault": "auto",
@@ -41484,6 +41682,7 @@
 			},
 			"attributes": {
 				"datetime": {
+					"description": "This attribute indicates the time and/or date of the element and must be in one of the formats described below.",
 					"type": "DateTime"
 				}
 			}
@@ -41584,9 +41783,11 @@
 			},
 			"attributes": {
 				"default": {
+					"description": "This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one track element per media element.",
 					"type": "Boolean"
 				},
 				"kind": {
+					"description": "How the text track is meant to be used. If omitted the default kind is subtitles. If the attribute contains an invalid value, it will use metadata. The following keywords are allowed: subtitles Subtitles provide transcription or translation of the dialog. They are suitable for when the sound is available but not understood, such as speech or text that is not English in an English language film. Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene. Subtitles' information complements the audio and video. It is often embedded in the video itself, but can also be provided separately, especially for whole-film translations. captions Closed captions provide transcription or translation of the dialog, sound effects, relevant musical cues, and other relevant audio information, such as the cue's source (e.g., character, environment). They are suitable for when sound is unavailable or not clearly audible (e.g., because it is muted, drowned-out by ambient noise, or because the user is deaf). descriptions Descriptions summarize the video component of the media resource. They are intended to be synthesized as audio when the visual component is obscured, unavailable, or not usable (e.g., because the user is interacting with the application without a screen while driving, or because the user is blind). chapters Chapter titles are intended to be used when the user is navigating the media resource. metadata Tracks used by scripts. Not visible to the user.",
 					"type": {
 						"enum": ["subtitles", "captions", "descriptions", "chapters", "metadata"],
 						"missingValueDefault": "metadata",
@@ -41594,13 +41795,16 @@
 					}
 				},
 				"label": {
+					"description": "A user-readable title of the text track which is used by the browser when listing available text tracks.",
 					"type": "NoEmptyAny"
 				},
 				"src": {
+					"description": "Address of the track (.vtt file). Must be a valid URL. This attribute must be specified and its URL value must have the same origin as the document — unless the <audio> or <video> parent element of the track element has a crossorigin attribute.",
 					"type": "URL",
 					"required": true
 				},
 				"srclang": {
+					"description": "Language of the track text data. It must be a valid BCP 47 language tag. If the kind attribute is set to subtitles, then srclang must be defined.",
 					"type": "BCP47"
 				}
 			}
@@ -41802,6 +42006,7 @@
 					"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."
 				},
 				"controlslist": {
+					"description": "The controlslist attribute, when specified, helps the browser select what controls to show for the video element whenever the browser shows its own set of controls (that is, when the controls attribute is specified). The allowed values are nodownload, nofullscreen and noremoteplayback. Use the disablepictureinpicture attribute if you want to disable the Picture-In-Picture mode (and the control).",
 					"type": {
 						"token": {
 							"enum": ["nodownload", "nofullscreen", "noremoteplayback"]
@@ -41831,9 +42036,11 @@
 					"description": "A Boolean attribute that indicates the default audio mute setting contained in the video. If set, the audio will be initially silenced. Its default value is false, meaning the audio will be played when the video is played."
 				},
 				"playsinline": {
+					"description": "A Boolean attribute indicating that the video is to be played \"inline\", that is, within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen.",
 					"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.",
 					"type": "URL"
 				},
 				"preload": {
@@ -42024,6 +42231,12 @@
 				"hreflang": {
 					"description": "The human language of the URL or URL fragment that the hyperlink points to. Value type: <string>; Default value: none; Animatable: no"
 				},
+				"interestfor": {
+					"description": "Defines the <a> element as an interest invoker. Its value is the id of a target element that will be affected in some way (normally shown or hidden) when interest is shown or lost on the invoker element (for example, by hovering/unhovering or focusing/blurring it). See Using interest invokers for more details and examples. Value type: <string>; Default value: none; Animatable: no",
+					"experimental": true,
+					"nonStandard": true,
+					"type": "DOMID"
+				},
 				"ping": {
 					"description": "A space-separated list of URLs to which, when the hyperlink is followed, POST requests with the body PING will be sent by the browser (in the background). Typically used for tracking. For a more widely-supported feature addressing the same use cases, see Navigator.sendBeacon(). Value type: <list-of-URLs>; Default value: none; Animatable: no",
 					"experimental": true
@@ -42216,6 +42429,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",
 					"type": "<key-points>"
 				},
 				"origin": {
@@ -42223,9 +42437,11 @@
 					"defaultValue": "default"
 				},
 				"path": {
+					"description": "This attribute defines the path of the motion, using the same syntax as the d attribute. Value type: <string>; Default value: none; Animatable: no",
 					"type": "<svg-path>"
 				},
 				"rotate": {
+					"description": "This attribute defines a rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation. Value type: <number> | auto | auto-reverse; Default value: 0; Animatable: no",
 					"type": "<rotate>"
 				}
 			}
@@ -42395,6 +42611,7 @@
 					"description": "The y-axis coordinate of the center of the circle. Value type: <length> | <percentage>; Default value: 0; Animatable: yes"
 				},
 				"pathLength": {
+					"description": "The total length for the circle's circumference, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
@@ -42498,6 +42715,7 @@
 			},
 			"attributes": {
 				"clipPathUnits": {
+					"description": "Defines the coordinate system for the contents of the <clipPath> element. Value type: userSpaceOnUse | objectBoundingBox; Default value: userSpaceOnUse; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -42801,6 +43019,7 @@
 					"description": "The y position of the center of the ellipse. Value type: <length> | <percentage>; Default value: 0; Animatable: yes"
 				},
 				"pathLength": {
+					"description": "This attribute lets specify the total length for the path, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
@@ -43686,7 +43905,7 @@
 			"name": "svg:feDistantLight",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDistantLight",
-			"description": "The <feDistantLight> SVG filter primitive defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>. Like other filter primitives, it handles color components in the linearRGB color space by default. You can use color-interpolation-filters to use sRGB instead.",
+			"description": "The <feDistantLight> SVG element defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -44627,7 +44846,7 @@
 			"name": "svg:fePointLight",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/fePointLight",
-			"description": "The <fePointLight> SVG filter primitive defines a light source which allows to create a point light effect. It that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>. Like other filter primitives, it handles color components in the linearRGB color space by default. You can use color-interpolation-filters to use sRGB instead.",
+			"description": "The <fePointLight> SVG element defines a light source which allows to create a point light effect. It can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -44797,7 +45016,7 @@
 			"name": "svg:feSpotLight",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feSpotLight",
-			"description": "The <feSpotLight> SVG filter primitive defines a light source that can be used to create a spotlight effect. It is used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>. Like other filter primitives, it handles color components in the linearRGB color space by default. You can use color-interpolation-filters to use sRGB instead.",
+			"description": "The <feSpotLight> SVG element defines a light source that can be used to create a spotlight effect. It is used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -45557,6 +45776,7 @@
 			},
 			"attributes": {
 				"crossorigin": {
+					"description": "Defines the value of the credentials flag for CORS requests. Value type: [ anonymous | use-credentials ]?; Default value: None; Animatable: yes",
 					"type": {
 						"enum": ["", "anonymous", "use-credentials"],
 						"sameStates": {
@@ -45576,9 +45796,11 @@
 					"description": "The height the image renders at. Unlike HTML's <img>, this attribute is required. Value type: <length> | <percentage>; Default value: auto; Animatable: yes"
 				},
 				"href": {
+					"description": "Points at a URL for the image file. Value type: <URL>; Default value: none; Animatable: no",
 					"type": "URL"
 				},
 				"preserveAspectRatio": {
+					"description": "Controls how the image is scaled. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet"
 				},
@@ -45706,25 +45928,30 @@
 			},
 			"attributes": {
 				"pathLength": {
+					"description": "Defines the total path length in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
 				"x1": {
+					"description": "Defines the x-axis coordinate of the line starting point. Value type: <length> | <percentage> | <number>; Default value: 0; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "0",
 					"animatable": true
 				},
 				"x2": {
+					"description": "Defines the x-axis coordinate of the line ending point. Value type: <length> | <percentage> | <number>; Default value: 0; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "0",
 					"animatable": true
 				},
 				"y1": {
+					"description": "Defines the y-axis coordinate of the line starting point. Value type: <length> | <percentage> | <number>; Default value: 0; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "0",
 					"animatable": true
 				},
 				"y2": {
+					"description": "Defines the y-axis coordinate of the line ending point. Value type: <length> | <percentage> | <number>; Default value: 0; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "0",
 					"animatable": true
@@ -45833,10 +46060,12 @@
 			},
 			"attributes": {
 				"gradientTransform": {
+					"description": "This attribute provides additional transformation to the gradient coordinate system. Value type: <transform-list>; Default value: identity transform; Animatable: yes",
 					"type": "<transform-list>",
 					"animatable": true
 				},
 				"gradientUnits": {
+					"description": "This attribute defines the coordinate system for attributes x1, x2, y1, y2 Value type: userSpaceOnUse | objectBoundingBox; Default value: objectBoundingBox; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -45845,10 +46074,12 @@
 					"animatable": true
 				},
 				"href": {
+					"description": "This attribute defines a reference to another <linearGradient> element that will be used as a template. Value type: <URL>; Default value: none; Animatable: yes",
 					"type": "URL",
 					"animatable": true
 				},
 				"spreadMethod": {
+					"description": "This attribute indicates how the gradient behaves if it starts or ends inside the bounds of the shape containing the gradient. Value type: pad | reflect | repeat; Default value: pad; Animatable: yes",
 					"type": {
 						"enum": ["pad", "reflect", "repeat"],
 						"disallowToSurroundBySpaces": false
@@ -45857,11 +46088,13 @@
 					"animatable": true
 				},
 				"x1": {
+					"description": "This attribute defines the x coordinate of the starting point of the vector gradient along which the linear gradient is drawn. Value type: <length>; Default value: 0%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "0%",
 					"animatable": true
 				},
 				"x2": {
+					"description": "This attribute defines the x coordinate of the ending point of the vector gradient along which the linear gradient is drawn. Value type: <length>; Default value: 100%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "100%",
 					"animatable": true
@@ -45871,11 +46104,13 @@
 					"deprecated": true
 				},
 				"y1": {
+					"description": "This attribute defines the y coordinate of the starting point of the vector gradient along which the linear gradient is drawn. Value type: <length>; Default value: 0%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "0%",
 					"animatable": true
 				},
 				"y2": {
+					"description": "This attribute defines the y coordinate of the ending point of the vector gradient along which the linear gradient is drawn. Value type: <length>; Default value: 0%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "0%",
 					"animatable": true
@@ -45994,11 +46229,13 @@
 			},
 			"attributes": {
 				"markerHeight": {
+					"description": "This attribute defines the height of the marker viewport. Value type: <length>; Default value: 3; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "3",
 					"animatable": true
 				},
 				"markerUnits": {
+					"description": "This attribute defines the coordinate system for the attributes markerWidth, markerHeight and the contents of the <marker>. Value type: userSpaceOnUse | strokeWidth; Default value: strokeWidth; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "strokeWidth"],
 						"disallowToSurroundBySpaces": false
@@ -46006,11 +46243,13 @@
 					"defaultValue": "strokeWidth"
 				},
 				"markerWidth": {
+					"description": "This attribute defines the width of the marker viewport. Value type: <length>; Default value: 3; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>", "<number>"],
 					"defaultValue": "3",
 					"animatable": true
 				},
 				"orient": {
+					"description": "This attribute defines the orientation of the marker relative to the shape it is attached to. Value type: auto | auto-start-reverse | <angle>; Default value: 0; Animatable: yes",
 					"type": [
 						{
 							"enum": ["auto", "auto-start-reverse"],
@@ -46023,11 +46262,13 @@
 					"animatable": true
 				},
 				"preserveAspectRatio": {
+					"description": "This attribute defines how the svg fragment must be deformed if it is embedded in a container with a different aspect ratio. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet",
 					"animatable": true
 				},
 				"refX": {
+					"description": "This attribute defines the x coordinate for the reference point of the marker. Value type: left | center | right | <coordinate>; Default value: 0; Animatable: yes",
 					"type": [
 						"<percentage>",
 						"<number>",
@@ -46040,6 +46281,7 @@
 					"animatable": true
 				},
 				"refY": {
+					"description": "This attribute defines the y coordinate for the reference point of the marker. Value type: top | center | bottom | <coordinate>; Default value: 0; Animatable: yes",
 					"type": [
 						"<percentage>",
 						"<number>",
@@ -46052,6 +46294,7 @@
 					"animatable": true
 				},
 				"viewBox": {
+					"description": "This attribute defines the bound of the SVG viewport for the current SVG fragment. Value type: <list-of-numbers>; Default value: none; Animatable: yes",
 					"type": "<view-box>",
 					"animatable": true
 				}
@@ -46169,12 +46412,14 @@
 			},
 			"attributes": {
 				"height": {
+					"description": "This attribute defines the height of the masking area. Value type: <length>; Default value: 120%; Animatable: yes",
 					"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"
 				},
 				"maskContentUnits": {
+					"description": "This attribute defines the coordinate system for the contents of the <mask>. Value type: userSpaceOnUse | objectBoundingBox; Default value: userSpaceOnUse; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"]
 					},
@@ -46182,6 +46427,7 @@
 					"animatable": true
 				},
 				"maskUnits": {
+					"description": "This attribute defines the coordinate system for attributes x, y, width and height on the <mask>. Value type: userSpaceOnUse | objectBoundingBox; Default value: objectBoundingBox; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -46190,12 +46436,15 @@
 					"animatable": true
 				},
 				"width": {
+					"description": "This attribute defines the width of the masking area. Value type: <length>; Default value: 120%; Animatable: yes",
 					"defaultValue": "120%"
 				},
 				"x": {
+					"description": "This attribute defines the x-axis coordinate of the top-left corner of the masking area. Value type: <coordinate>; Default value: -10%; Animatable: yes",
 					"defaultValue": "-10%"
 				},
 				"y": {
+					"description": "This attribute defines the y-axis coordinate of the top-left corner of the masking area. Value type: <coordinate>; Default value: -10%; Animatable: yes",
 					"defaultValue": "-10%"
 				}
 			}
@@ -46366,6 +46615,7 @@
 					"description": "This attribute defines the shape of the path. Value type: <string>; Default value: ''; Animatable: yes"
 				},
 				"pathLength": {
+					"description": "This attribute lets authors specify the total length for the path, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				}
@@ -46483,13 +46733,16 @@
 			},
 			"attributes": {
 				"height": {
+					"description": "This attribute determines the height of the pattern tile. Value type: <length>; Default value: 0; Animatable: yes",
 					"defaultValue": "0"
 				},
 				"href": {
+					"description": "This attribute reference a template pattern that provides default values for the <pattern> attributes. Value type: <URL>; Default value: none; Animatable: yes",
 					"type": "URL",
 					"animatable": true
 				},
 				"patternContentUnits": {
+					"description": "This attribute defines the coordinate system for the contents of the <pattern>. Value type: userSpaceOnUse | objectBoundingBox; Default value: userSpaceOnUse; Animatable: yes Note: This attribute has no effect if a viewBox attribute is specified on the <pattern> element.",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -46498,10 +46751,12 @@
 					"animatable": true
 				},
 				"patternTransform": {
+					"description": "This attribute contains the definition of an optional additional transformation from the pattern coordinate system onto the target coordinate system. Value type: <transform-list>; Default value: identity transform; Animatable: yes",
 					"type": "<transform-list>",
 					"animatable": true
 				},
 				"patternUnits": {
+					"description": "This attribute defines the coordinate system for attributes x, y, width, and height. Value type: userSpaceOnUse | objectBoundingBox; Default value: objectBoundingBox; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -46510,15 +46765,18 @@
 					"animatable": true
 				},
 				"preserveAspectRatio": {
+					"description": "This attribute defines how the SVG fragment must be deformed if it is embedded in a container with a different aspect ratio. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet",
 					"animatable": true
 				},
 				"viewBox": {
+					"description": "This attribute defines the bound of the SVG viewport for the pattern fragment. Value type: <list-of-numbers>; Default value: none; Animatable: yes",
 					"type": "<view-box>",
 					"animatable": true
 				},
 				"width": {
+					"description": "This attribute determines the width of the pattern tile. Value type: <length>; Default value: 0; Animatable: yes",
 					"defaultValue": "0"
 				},
 				"x": {
@@ -46642,10 +46900,12 @@
 			},
 			"attributes": {
 				"pathLength": {
+					"description": "This attribute lets specify the total length for the path, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
 				"points": {
+					"description": "This attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon. Value type: <number>+; Default value: \"\"; Animatable: yes",
 					"type": "<points>",
 					"animatable": true
 				}
@@ -46760,10 +47020,12 @@
 			},
 			"attributes": {
 				"pathLength": {
+					"description": "This attribute lets specify the total length for the path, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
 				"points": {
+					"description": "This attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline Value type: <number>+; Default value: \"\"; Animatable: yes",
 					"type": "<points>",
 					"animatable": true
 				}
@@ -46871,33 +47133,40 @@
 			},
 			"attributes": {
 				"cx": {
+					"description": "This attribute defines the x coordinate of the end circle of the radial gradient. Value type: <length>; Default value: 50%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "50%",
 					"animatable": true
 				},
 				"cy": {
+					"description": "This attribute defines the y coordinate of the end circle of the radial gradient. Value type: <length>; Default value: 50%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "50%",
 					"animatable": true
 				},
 				"fr": {
+					"description": "This attribute defines the radius of the start circle of the radial gradient. The gradient will be drawn such that the 0% <stop> is mapped to the perimeter of the start circle. Value type: <length>; Default value: 0%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "0%",
 					"animatable": true
 				},
 				"fx": {
+					"description": "This attribute defines the x coordinate of the start circle of the radial gradient. Value type: <length>; Default value: Same as cx; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				},
 				"fy": {
+					"description": "This attribute defines the y coordinate of the start circle of the radial gradient. Value type: <length>; Default value: Same as cy; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				},
 				"gradientTransform": {
+					"description": "This attribute provides additional transformation to the gradient coordinate system. Value type: <transform-list>; Default value: identity transform; Animatable: yes",
 					"type": "<transform-list>",
 					"animatable": true
 				},
 				"gradientUnits": {
+					"description": "This attribute defines the coordinate system for attributes cx, cy, r, fx, fy, fr Value type: userSpaceOnUse | objectBoundingBox; Default value: objectBoundingBox; Animatable: yes",
 					"type": {
 						"enum": ["userSpaceOnUse", "objectBoundingBox"],
 						"disallowToSurroundBySpaces": false
@@ -46906,15 +47175,18 @@
 					"animatable": true
 				},
 				"href": {
+					"description": "This attribute defines a reference to another <radialGradient> element that will be used as a template. Value type: <URL>; Default value: none; Animatable: yes",
 					"type": "URL",
 					"animatable": true
 				},
 				"r": {
+					"description": "This attribute defines the radius of the end circle of the radial gradient. The gradient will be drawn such that the 100% <stop> is mapped to the perimeter of the end circle. Value type: <length>; Default value: 50%; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"defaultValue": "50%",
 					"animatable": true
 				},
 				"spreadMethod": {
+					"description": "This attribute indicates how the gradient behaves if it starts or ends inside the bounds of the shape containing the gradient. Value type: pad | reflect | repeat; Default value: pad; Animatable: yes",
 					"type": {
 						"enum": ["pad", "reflect", "repeat"],
 						"disallowToSurroundBySpaces": false
@@ -47046,6 +47318,7 @@
 					"description": "The height of the rect. Value type: auto | <length> | <percentage>; Default value: auto; Animatable: yes"
 				},
 				"pathLength": {
+					"description": "The total length of the rectangle's perimeter, in user units. Value type: <number>; Default value: none; Animatable: yes",
 					"type": "<number>",
 					"animatable": true
 				},
@@ -47091,6 +47364,7 @@
 			},
 			"attributes": {
 				"crossorigin": {
+					"description": "This attribute defines CORS settings as define for the HTML <script> element. Value type: [ anonymous | use-credentials ]?; Default value: ?; Animatable: yes",
 					"type": {
 						"enum": ["anonymous", "use-credentials", ""],
 						"disallowToSurroundBySpaces": false
@@ -47103,9 +47377,11 @@
 					"nonStandard": true
 				},
 				"href": {
+					"description": "The URL to the script to load. Value type: <URL>; Default value: none; Animatable: no",
 					"type": "URL"
 				},
 				"type": {
+					"description": "This attribute defines type of the script language to use. Value type: <media-type>; Default value: application/ecmascript; Animatable: no",
 					"type": "MIMEType",
 					"defaultValue": "application/ecmascript"
 				},
@@ -47154,6 +47430,7 @@
 			},
 			"attributes": {
 				"to": {
+					"description": "This attribute defines the value to be applied to the target attribute for the duration of the animation. The value must match the requirements of the target attribute. Value type: <anything>; Default value: none; Animatable: no",
 					"type": "NoEmptyAny"
 				}
 			}
@@ -47252,16 +47529,19 @@
 			},
 			"attributes": {
 				"offset": {
+					"description": "This attribute defines where the gradient stop is placed along the gradient vector. Value type: <number> | <percentage>; Default value: 0; Animatable: yes",
 					"type": ["<number>", "<percentage>"],
 					"defaultValue": "0",
 					"animatable": true
 				},
 				"stop-color": {
+					"description": "This attribute defines the color of the gradient stop. It can be used as a CSS property. Value type: <color>; Default value: black; Animatable: yes",
 					"type": "<color>",
 					"defaultValue": "black",
 					"animatable": true
 				},
 				"stop-opacity": {
+					"description": "This attribute defines the opacity of the gradient stop. It can be used as a CSS property. Value type: <opacity-value>; Default value: 1; Animatable: yes",
 					"type": "<'opacity'>",
 					"defaultValue": "1",
 					"animatable": true
@@ -47292,13 +47572,16 @@
 			},
 			"attributes": {
 				"media": {
+					"description": "This attribute defines to which media the style applies. Value type: <media-query-list>; Default value: all; Animatable: no",
 					"type": "<media-query-list>",
 					"defaultValue": "all"
 				},
 				"title": {
+					"description": "This attribute is the title of the style sheet which can be used to switch between alternate style sheets. Value type: <string>; Default value: none; Animatable: no",
 					"type": "Any"
 				},
 				"type": {
+					"description": "This attribute defines type of the style sheet language to use as a media type string. Value type: <media-type>; Default value: text/css; Animatable: no",
 					"type": "MIMEType",
 					"defaultValue": "text/css"
 				}
@@ -47308,7 +47591,7 @@
 			"name": "svg:svg",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg",
-			"description": "The <svg> SVG element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document. Note: The xmlns attribute is only required on the outermost svg element of SVG documents, or inside HTML documents with XML serialization. It is unnecessary for inner svg elements or inside HTML documents with HTML serialization.",
+			"description": "The <svg> SVG element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document. This element is for creating new SVG documents. If you have an existing SVG document to embed in another document via URL, use <img>, <object>, or <image>. Note: The xmlns attribute is only required on the outermost svg element of SVG documents, or inside HTML documents with XML serialization. It is unnecessary for inner svg elements or inside HTML documents with HTML serialization.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47426,8 +47709,9 @@
 			},
 			"attributes": {
 				"baseProfile": {
-					"type": "Any",
-					"deprecated": true
+					"description": "The minimum SVG language profile that the document requires. Value type: <string>; Default value: none; Animatable: no",
+					"deprecated": true,
+					"type": "Any"
 				},
 				"contentScriptType": {
 					"type": "Any",
@@ -47440,25 +47724,30 @@
 					"deprecated": true
 				},
 				"height": {
+					"description": "The displayed height of the rectangular viewport. (Not the height of its coordinate system.) Value type: <length> | <percentage>; Default value: auto; Animatable: yes",
 					"defaultValue": "auto"
 				},
 				"onunload": {
 					"type": "FunctionBody"
 				},
 				"preserveAspectRatio": {
+					"description": "How the svg fragment must be deformed if it is displayed with a different aspect ratio. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet",
 					"animatable": true
 				},
 				"version": {
-					"type": "Any",
-					"deprecated": true
+					"description": "Which version of SVG is used for the inner content of the element. Value type: <number>; Default value: none; Animatable: no",
+					"deprecated": true,
+					"type": "Any"
 				},
 				"viewBox": {
+					"description": "The SVG viewport coordinates for the current SVG fragment. Value type: <list-of-numbers>; Default value: none; Animatable: yes",
 					"type": "<view-box>",
 					"animatable": true
 				},
 				"width": {
+					"description": "The displayed width of the rectangular viewport. (Not the width of its coordinate system.) Value type: <length> | <percentage>; Default value: auto; Animatable: yes",
 					"defaultValue": "auto"
 				},
 				"x": {
@@ -47575,7 +47864,14 @@
 					"writing-mode"
 				]
 			},
-			"attributes": {}
+			"attributes": {
+				"requiredExtensions": {
+					"description": "A space-separated list of URL values referencing the language extensions the user agent must support for the element to be rendered."
+				},
+				"systemLanguage": {
+					"description": "A comma-separated list of supported language tags."
+				}
+			}
 		},
 		{
 			"name": "svg:symbol",
@@ -47628,10 +47924,12 @@
 					"description": "This attribute determines the height of the symbol. Value type: <length> | <percentage>; Default value: auto; Animatable: yes"
 				},
 				"preserveAspectRatio": {
+					"description": "This attribute defines how the svg fragment must be deformed if it is embedded in a container with a different aspect ratio. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet"
 				},
 				"refX": {
+					"description": "This attribute determines the x coordinate of the reference point of the symbol. Value type: <length> | <percentage> | left | center | right; Default value: None; Animatable: yes",
 					"type": [
 						"<svg-length>",
 						"<percentage>",
@@ -47642,6 +47940,7 @@
 					]
 				},
 				"refY": {
+					"description": "This attribute determines the y coordinate of the reference point of the symbol. Value type: <length> | <percentage> | top | center | bottom; Default value: None; Animatable: yes",
 					"type": [
 						"<svg-length>",
 						"<percentage>",
@@ -47652,6 +47951,7 @@
 					]
 				},
 				"viewBox": {
+					"description": "This attribute defines the bound of the SVG viewport for the current symbol. Value type: <list-of-numbers>; Default value: none; Animatable: yes",
 					"type": "<view-box>"
 				},
 				"width": {
@@ -47777,14 +48077,17 @@
 			},
 			"attributes": {
 				"dx": {
+					"description": "Shifts the text position horizontally from a previous text element, or shifts the position of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: none; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				},
 				"dy": {
+					"description": "Shifts the text position vertically from a previous text element, or shifts the position of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: none; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				},
 				"lengthAdjust": {
+					"description": "How the text is stretched or compressed to fit the width defined by the textLength attribute. Value type: spacing | spacingAndGlyphs; Default value: spacing; Animatable: yes",
 					"type": {
 						"enum": ["spacing", "spacingAndGlyphs"],
 						"disallowToSurroundBySpaces": false
@@ -47793,19 +48096,23 @@
 					"animatable": true
 				},
 				"rotate": {
+					"description": "Rotates orientation of each individual glyph. Can rotate glyphs individually. Value type: <list-of-number>; Default value: none; Animatable: yes",
 					"type": "<list-of-numbers>",
 					"animatable": true
 				},
 				"textLength": {
+					"description": "A width that the text should be scaled to fit. Value type: <length> | <percentage>; Default value: none; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				},
 				"x": {
+					"description": "The x coordinate of the starting point of the text baseline, or the x coordinate of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: 0; Animatable: yes",
 					"type": "<text-coordinate>",
 					"defaultValue": "0",
 					"animatable": true
 				},
 				"y": {
+					"description": "The y coordinate of the starting point of the text baseline, or the y coordinate of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: 0; Animatable: yes",
 					"type": "<text-coordinate>",
 					"defaultValue": "0",
 					"animatable": true
@@ -47926,10 +48233,12 @@
 			},
 			"attributes": {
 				"href": {
+					"description": "The URL to the path or basic shape on which to render the text. If the path attribute is set, href has no effect. Value type: <URL>; Default value: none; Animatable: yes",
 					"type": "URL",
 					"animatable": true
 				},
 				"lengthAdjust": {
+					"description": "Where length adjustment should be applied to the text: the space between glyphs, or both the space and the glyphs themselves. Value type: spacing | spacingAndGlyphs; Default value: spacing; Animatable: yes",
 					"type": {
 						"enum": ["spacing", "spacingAndGlyphs"],
 						"disallowToSurroundBySpaces": false
@@ -47938,6 +48247,7 @@
 					"animatable": true
 				},
 				"method": {
+					"description": "Which method to render individual glyphs along the path. Value type: align | stretch; Default value: align; Animatable: yes",
 					"type": {
 						"enum": ["align", "stretch"],
 						"disallowToSurroundBySpaces": false
@@ -47946,10 +48256,14 @@
 					"animatable": true
 				},
 				"path": {
+					"description": "The path on which the text should be rendered. Value type: <path_data>; Default value: none; Animatable: yes",
+					"experimental": true,
 					"type": "<svg-path>",
 					"animatable": true
 				},
 				"side": {
+					"description": "Which side of the path the text should be rendered. Value type: left | right; Default value: left; Animatable: yes",
+					"experimental": true,
 					"type": {
 						"enum": ["left", "right"],
 						"disallowToSurroundBySpaces": false
@@ -47958,6 +48272,7 @@
 					"animatable": true
 				},
 				"spacing": {
+					"description": "How space between glyphs should be handled. Value type: auto | exact; Default value: exact; Animatable: yes",
 					"type": {
 						"enum": ["auto", "exact"],
 						"disallowToSurroundBySpaces": false
@@ -47966,10 +48281,12 @@
 					"animatable": true
 				},
 				"startOffset": {
+					"description": "How far the beginning of the text should be offset from the beginning of the path. Value type: <length> | <percentage> | <number>; Default value: 0; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				},
 				"textLength": {
+					"description": "The width of the space into which the text will render. Value type: <length> | <percentage> | <number>; Default value: auto; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				}
@@ -48109,14 +48426,17 @@
 			},
 			"attributes": {
 				"dx": {
+					"description": "Shifts the text position horizontally from a previous text element, or shifts the position of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: none; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				},
 				"dy": {
+					"description": "Shifts the text position vertically from a previous text element, or shifts the position of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: none; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				},
 				"lengthAdjust": {
+					"description": "How the text is stretched or compressed to fit the width defined by the textLength attribute. Value type: spacing | spacingAndGlyphs; Default value: spacing; Animatable: yes",
 					"type": {
 						"enum": ["spacing", "spacingAndGlyphs"],
 						"disallowToSurroundBySpaces": false
@@ -48125,18 +48445,22 @@
 					"animatable": true
 				},
 				"rotate": {
+					"description": "Rotates orientation of each individual glyph. Can rotate glyphs individually. Value type: <list-of-number>; Default value: none; Animatable: yes",
 					"type": "<list-of-numbers>",
 					"animatable": true
 				},
 				"textLength": {
+					"description": "A width that the text should be scaled to fit. Value type: <length> | <percentage>; Default value: none; Animatable: yes",
 					"type": ["<svg-length>", "<percentage>"],
 					"animatable": true
 				},
 				"x": {
+					"description": "The x coordinate of the starting point of the text baseline, or the x coordinate of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: 0; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				},
 				"y": {
+					"description": "The y coordinate of the starting point of the text baseline, or the y coordinate of each individual glyph if a list of values is provided. Value type: List of (<length> | <percentage>); Default value: 0; Animatable: yes",
 					"type": "<text-coordinate>",
 					"animatable": true
 				}
@@ -48257,6 +48581,7 @@
 					"description": "The height of the <use> element. Value type: <length>; Default value: 0; Animatable: yes"
 				},
 				"href": {
+					"description": "The URL to an element/fragment that needs to be duplicated. See Usage notes for details on common pitfalls. Value type: <URL>; Default value: none; Animatable: yes",
 					"type": "URL"
 				},
 				"width": {
@@ -48300,9 +48625,11 @@
 			},
 			"attributes": {
 				"preserveAspectRatio": {
+					"description": "This attribute defines how the SVG fragment must be deformed if it is embedded in a container with a different aspect ratio. Value type: (none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax) (meet | slice)?; Default value: xMidYMid meet; Animatable: yes",
 					"type": "<preserve-aspect-ratio>"
 				},
 				"viewBox": {
+					"description": "This attribute defines the bound of the SVG viewport for the pattern fragment. Value type: <list-of-numbers>; Default value: none; Animatable: yes",
 					"type": "<view-box>"
 				},
 				"viewTarget": {
@@ -48310,11 +48637,12 @@
 					"deprecated": true
 				},
 				"zoomAndPan": {
+					"description": "This attribute specifies whether the SVG document can be magnified and panned. Value type: disable | magnify; Default value: magnify; Animatable: no",
+					"deprecated": true,
 					"type": {
 						"enum": ["disable", "magnify"]
 					},
-					"defaultValue": "magnify",
-					"deprecated": true
+					"defaultValue": "magnify"
 				}
 			}
 		}