@markuplint/html-spec 4.11.1 → 4.13.0

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.13.0](https://github.com/markuplint/markuplint/compare/@markuplint/html-spec@4.12.0...@markuplint/html-spec@4.13.0) (2025-02-11)
+
+### Features
+
+- **html-spec:** add the ARIA roles `sectionheader` and `sectionfooter` ([53bdf8e](https://github.com/markuplint/markuplint/commit/53bdf8e77642b352af5d05a476c9a32e7d2fcce0))
+- **html-spec:** remove the `portal` HTML element https://github.com/mdn/content/pull/37880 ([0711113](https://github.com/markuplint/markuplint/commit/0711113d5ec5dc0a66374c364ed071c53a212150))
+- **html-spec:** remove the SVG elements `font`, `glyph`, and `glyphRef` ([d6e69bd](https://github.com/markuplint/markuplint/commit/d6e69bd9755d195a008b0ccd34d3c28f59b17f69))
+
+# [4.12.0](https://github.com/markuplint/markuplint/compare/@markuplint/html-spec@4.11.1...@markuplint/html-spec@4.12.0) (2025-02-04)
+
+### Features
+
+- **html-spec:** add the `closedby` attr to the `dialog` element ([6f4812f](https://github.com/markuplint/markuplint/commit/6f4812f50829d21d6c1ffdcebdd2595b74180728))
+- **html-spec:** add the `hint` enum value to the `popover` attribute ([1de0000](https://github.com/markuplint/markuplint/commit/1de00003160c9271ab9805bb4c6d0253b3d1f515))
+
 ## [4.11.1](https://github.com/markuplint/markuplint/compare/@markuplint/html-spec@4.11.0...@markuplint/html-spec@4.11.1) (2024-12-04)
 
 **Note:** Version bump only for package @markuplint/html-spec

package/index.json

@@ -98,7 +98,6 @@
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/param",
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/plaintext",
-		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/portal",
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre",
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress",
 		"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q",
@@ -181,11 +180,8 @@
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feTile",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feTurbulence",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter",
-		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/font",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g",
-		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/glyph",
-		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/glyphRef",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/hkern",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image",
 		"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line",
@@ -342,7 +338,7 @@
 				},
 				"popover": {
 					"type": {
-						"enum": ["", "auto", "manual"],
+						"enum": ["", "auto", "manual", "hint"],
 						"disallowToSurroundBySpaces": true,
 						"invalidValueDefault": "manual",
 						"missingValueDefault": "no popover",
@@ -3983,7 +3979,7 @@
 					},
 					{
 						"name": "dialog",
-						"description": "A dialog is a descendant window of the primary window of a web application. For HTML pages, the primary application window is the entire web document, i.e., the body element.\n\nDialogs are most often used to prompt the user to enter or respond to information. A dialog that is designed to interrupt workflow is usually modal. See related alertdialog.\n\nAuthors MUST provide an accessible name for a dialog, which can be done with the aria-label or aria-labelledby attribute.\n\nAuthors SHOULD ensure that all dialogs (both modal and non-modal) have at least one focusable descendant element. Authors SHOULD focus an element in the modal dialog when it is displayed, and authors SHOULD manage focus of modal dialogs.\n\nIn the description of this role, the term \"web application\" does not refer to the application role, which specifies specific assistive technology behaviors.",
+						"description": "A dialog is a descendant window of the primary window of a web application. For HTML pages, the primary application window is the entire web document.\n\nDialogs are often used to prompt the user to enter or respond to information, or can represent content related to understanding or modifying the content of the primary application window. A dialog that is designed to interrupt workflow and prevent users from interacting with the primary web application is usually modal. See related alertdialog. A dialog that allows for the user to switch between interacting with the content of the primary web application and the content the dialog is usually modeless (i.e., non-modal). In lieu of using robust host language features for marking content of the primary web application as inert, authors SHOULD use the aria-modal attribute, and constrain focus to dialogs. See the WAI-ARIA Authoring Practices: Dialog (modal) pattern for additional details on implementing modal dialog design patterns.\n\nAuthors MUST provide an accessible name for a dialog, which can be done with the aria-label or aria-labelledby attribute.\n\nAuthors SHOULD ensure that all dialogs (both modal and non-modal) have at least one focusable descendant element. Authors SHOULD focus an element in the modal dialog when it is displayed, and authors SHOULD constrain keyboard focus to focusable elements within a modal dialog, until dismissed.\n\nAuthors SHOULD provide a dialog an accessible description, with the aria-describedby attribute, for instances where authors have set initial keyboard focus on an element that follows content that outlines the purpose of the dialog. Assistive technology SHOULD give precedence to exposing author defined dialog accessible descriptions when a dialog is invoked and user focus is moved to a descendant of the dialog element.\n\nAuthors are strongly encouraged to use aria-describedby, rather than aria-description, to provide descriptions to dialogs. While aria-description could be used to provide an accessible description for a dialog, it will provide a better and more consistent user experience to reference visible content that can also be independently read by all users. Doing so will help ensure important descriptive information is less likely to be missed.\n\nIn the following example, the first text field will receive initial focus when the dialog is rendered. As this means focus will be set \"after\" the preceding content that provides instructions for the form fields, an aria-describedby attribute is used to expose this content as a description for the dialog.\n\nIn the description of this role, the term \"web application\" does not refer to the application role, which specifies specific assistive technology behaviors.",
 						"generalization": ["window"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -6974,7 +6970,7 @@
 					},
 					{
 						"name": "menu",
-						"description": "A type of widget that offers a list of choices to the user.\n\nA menu is often a list of common actions or functions that the user can invoke. The menu role is appropriate when a list of menu items is presented in a manner similar to a menu on a desktop application.\n\nTo be keyboard accessible, authors SHOULD manage focus of descendants for all instances of this role, as described in Managing Focus.\n\nElements with the role menu have an implicit aria-orientation value of vertical.",
+						"description": "A type of widget that offers a list of choices to the user.\n\nA menu is a container, generally rendered as a popup or overlay, for a set of menu items that can be invoked to perform an action or function. The function is almost always closely related or directly related to the element that the user activated to invoke the menu. Activating a menu item both performs the associated function of the menu item, and results in the automatic dismissal of the menu.\n\nThe menu role is appropriate when a set of menu items is presented in a manner similar to a popup menu. For instance, a menu could be used to represent a context menu for its invoking element, or it would be used to render sub-menus for items of a menubar or another menu popup.\n\nTo be keyboard accessible, authors SHOULD manage focus of descendants for all instances of this role, as described in Managing Focus.\n\nElements with the role menu have an implicit aria-orientation value of vertical.",
 						"generalization": ["select"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [
@@ -10008,6 +10004,120 @@
 						],
 						"prohibitedProperties": []
 					},
+					{
+						"name": "sectionfooter",
+						"description": "A set of user interface objects and information representing information about its closest ancestral content group. For instance, a sectionfooter can include information about who wrote the specific section of content, such as an article. It can contain links to related documents, copyright information or other indices and colophon specific to the current section of the page.\n\nA sectionfooter does not represent information about the parent document, or globally repeating content found across multiple pages related to the website. For such content, the contentinfo role would be more appropriate.",
+						"generalization": ["section"],
+						"requiredContextRole": [],
+						"requiredOwnedElements": [],
+						"accessibleNameRequired": false,
+						"accessibleNameFromAuthor": true,
+						"accessibleNameFromContent": false,
+						"accessibleNameProhibited": false,
+						"ownedProperties": [
+							{
+								"name": "aria-atomic",
+								"inherited": true
+							},
+							{
+								"name": "aria-braillelabel",
+								"inherited": true
+							},
+							{
+								"name": "aria-brailleroledescription",
+								"inherited": true
+							},
+							{
+								"name": "aria-busy",
+								"inherited": true
+							},
+							{
+								"name": "aria-controls",
+								"inherited": true
+							},
+							{
+								"name": "aria-current",
+								"inherited": true
+							},
+							{
+								"name": "aria-describedby",
+								"inherited": true
+							},
+							{
+								"name": "aria-description",
+								"inherited": true
+							},
+							{
+								"name": "aria-details",
+								"inherited": true
+							},
+							{
+								"name": "aria-disabled",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-dropeffect",
+								"inherited": true
+							},
+							{
+								"name": "aria-errormessage",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-flowto",
+								"inherited": true
+							},
+							{
+								"name": "aria-grabbed",
+								"inherited": true
+							},
+							{
+								"name": "aria-haspopup",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-hidden",
+								"inherited": true
+							},
+							{
+								"name": "aria-invalid",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-keyshortcuts",
+								"inherited": true
+							},
+							{
+								"name": "aria-label",
+								"inherited": true
+							},
+							{
+								"name": "aria-labelledby",
+								"inherited": true
+							},
+							{
+								"name": "aria-live",
+								"inherited": true
+							},
+							{
+								"name": "aria-owns",
+								"inherited": true
+							},
+							{
+								"name": "aria-relevant",
+								"inherited": true
+							},
+							{
+								"name": "aria-roledescription",
+								"inherited": true
+							}
+						],
+						"prohibitedProperties": []
+					},
 					{
 						"name": "sectionhead",
 						"description": "A structure that labels or summarizes the topic of its related section.\n\nsectionhead is an abstract role used for the ontology. Authors MUST NOT use sectionhead role in content.",
@@ -10123,6 +10233,120 @@
 						],
 						"prohibitedProperties": []
 					},
+					{
+						"name": "sectionheader",
+						"description": "A set of user interface objects and information that represents a collection of introductory items for the element's closest ancestral content group. For instance, a sectionheader can include the heading, introductory statement and related meta data for a section of content, for instance a region or article, within a web page.\n\nA sectionheader does not represent site-oriented or globally repeating content found across multiple pages of a website. For such content, the banner role would be more appropriate.",
+						"generalization": ["section"],
+						"requiredContextRole": [],
+						"requiredOwnedElements": [],
+						"accessibleNameRequired": false,
+						"accessibleNameFromAuthor": true,
+						"accessibleNameFromContent": false,
+						"accessibleNameProhibited": false,
+						"ownedProperties": [
+							{
+								"name": "aria-atomic",
+								"inherited": true
+							},
+							{
+								"name": "aria-braillelabel",
+								"inherited": true
+							},
+							{
+								"name": "aria-brailleroledescription",
+								"inherited": true
+							},
+							{
+								"name": "aria-busy",
+								"inherited": true
+							},
+							{
+								"name": "aria-controls",
+								"inherited": true
+							},
+							{
+								"name": "aria-current",
+								"inherited": true
+							},
+							{
+								"name": "aria-describedby",
+								"inherited": true
+							},
+							{
+								"name": "aria-description",
+								"inherited": true
+							},
+							{
+								"name": "aria-details",
+								"inherited": true
+							},
+							{
+								"name": "aria-disabled",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-dropeffect",
+								"inherited": true
+							},
+							{
+								"name": "aria-errormessage",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-flowto",
+								"inherited": true
+							},
+							{
+								"name": "aria-grabbed",
+								"inherited": true
+							},
+							{
+								"name": "aria-haspopup",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-hidden",
+								"inherited": true
+							},
+							{
+								"name": "aria-invalid",
+								"deprecated": true,
+								"inherited": true
+							},
+							{
+								"name": "aria-keyshortcuts",
+								"inherited": true
+							},
+							{
+								"name": "aria-label",
+								"inherited": true
+							},
+							{
+								"name": "aria-labelledby",
+								"inherited": true
+							},
+							{
+								"name": "aria-live",
+								"inherited": true
+							},
+							{
+								"name": "aria-owns",
+								"inherited": true
+							},
+							{
+								"name": "aria-relevant",
+								"inherited": true
+							},
+							{
+								"name": "aria-roledescription",
+								"inherited": true
+							}
+						],
+						"prohibitedProperties": []
+					},
 					{
 						"name": "select",
 						"description": "A form widget that allows the user to make selections from a set of choices.\n\nselect is an abstract role used for the ontology. Authors MUST NOT use select role in content.",
@@ -11169,7 +11393,7 @@
 					},
 					{
 						"name": "superscript",
-						"description": "One or more superscripted characters. See related superscript.\n\nThe superscript role is intended to be used only to mark up typographical conventions that have specific meanings; not for typographical presentation for presentation's sake. In general, authors SHOULD use this role only if the absence of the superscript would change the meaning of the content.",
+						"description": "One or more superscripted characters. See related subscript.\n\nThe superscript role is intended to be used only to mark up typographical conventions that have specific meanings; not for typographical presentation for presentation's sake. In general, authors SHOULD use this role only if the absence of the superscript would change the meaning of the content.",
 						"generalization": ["section"],
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
@@ -36355,7 +36579,7 @@
 		{
 			"name": "details",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details",
-			"description": "The <details> HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an \"open\" state. A summary or label must be provided using the <summary> element.",
+			"description": "The <details> HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an open state. A summary or label must be provided using the <summary> element.",
 			"categories": ["#flow", "#interactive", "#palpable"],
 			"contentModel": {
 				"contents": [
@@ -36441,6 +36665,13 @@
 				"#HTMLGlobalAttrs": true
 			},
 			"attributes": {
+				"closedby": {
+					"type": {
+						"enum": ["any", "closerequest", "none"],
+						"invalidValueDefault": "auto",
+						"missingValueDefault": "auto"
+					}
+				},
 				"open": {
 					"type": "Boolean"
 				},
@@ -37680,7 +37911,7 @@
 					"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, (max-height: 500px) 1000px proposes to use a source of 1000px width, if the viewport is not higher than 500px. 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."
+					"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, (max-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. Additionally, you can use the value auto to 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."
 				},
 				"src": {
 					"type": "URL",
@@ -39859,43 +40090,10 @@
 			"globalAttrs": {},
 			"attributes": {}
 		},
-		{
-			"name": "portal",
-			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/portal",
-			"description": "The <portal> HTML element enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.",
-			"categories": [],
-			"contentModel": {
-				"contents": [
-					{
-						"transparent": "*"
-					}
-				]
-			},
-			"aria": {
-				"implicitRole": false,
-				"permittedRoles": true
-			},
-			"omission": false,
-			"globalAttrs": {
-				"#ARIAAttrs": true,
-				"#GlobalEventAttrs": true,
-				"#HTMLEmbededAndMediaContentAttrs": ["src"],
-				"#HTMLGlobalAttrs": true,
-				"#HTMLLinkAndFetchingAttrs": ["referrerpolicy"]
-			},
-			"attributes": {
-				"referrerpolicy": {
-					"description": "Sets the referrer policy to use when requesting the page at the URL given as the value of the src attribute."
-				},
-				"src": {
-					"description": "The URL of the page to embed."
-				}
-			}
-		},
 		{
 			"name": "pre",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/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.",
+			"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.",
 			"categories": ["#flow", "#palpable"],
 			"contentModel": {
 				"contents": [
@@ -41529,7 +41727,7 @@
 		{
 			"name": "u",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u",
-			"description": "The <u> HTML element represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.",
+			"description": "The <u> HTML element represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a single solid underline, but may be altered using CSS.",
 			"categories": ["#flow", "#phrasing", "#palpable"],
 			"contentModel": {
 				"contents": [
@@ -41926,7 +42124,7 @@
 					"description": "The URL or URL fragment the hyperlink points to. Value type: <URL> ; Default value: none; Animatable: yes"
 				},
 				"hreflang": {
-					"description": "The human language of the URL or URL fragment that the hyperlink points to. Value type: <string> ; Default value: none; Animatable: yes"
+					"description": "The human language of the URL or URL fragment that the hyperlink points to. Value type: <string> ; Default value: none; Animatable: no"
 				},
 				"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",
@@ -41936,13 +42134,13 @@
 					"description": "Which referrer to send when fetching the URL. Value type: no-referrer|no-referrer-when-downgrade|same-origin|origin|strict-origin|origin-when-cross-origin|strict-origin-when-cross-origin|unsafe-url ; Default value: none; Animatable: no"
 				},
 				"rel": {
-					"description": "The relationship of the target object to the link object. Value type: <list-of-Link-Types> ; Default value: none; Animatable: yes"
+					"description": "The relationship of the target object to the link object. Value type: <list-of-Link-Types> ; Default value: none; Animatable: no"
 				},
 				"target": {
-					"description": "Where to display the linked URL. Value type: _self|_parent|_top|_blank|<name> ; Default value: _self; Animatable: yes"
+					"description": "Where to display the linked URL. Value type: _self|_parent|_top|_blank|<XML-Name> ; Default value: _self; Animatable: yes"
 				},
 				"type": {
-					"description": "A MIME type for the linked URL. Value type: <string> ; Default value: none; Animatable: yes"
+					"description": "A MIME type for the linked URL. Value type: <string> ; Default value: none; Animatable: no"
 				},
 				"xlink:href": {
 					"description": "The URL or URL fragment that the hyperlink points to. May be required for backwards compatibility for older browsers. Value type: <URL> ; Default value: none; Animatable: yes",
@@ -41954,7 +42152,7 @@
 			"name": "svg:animate",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate",
-			"description": "The SVG <animate> element provides a way to animate an attribute of an element over time.",
+			"description": "The <animate> SVG element provides a way to animate an attribute of an element over time.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -42066,7 +42264,7 @@
 			"name": "svg:animateMotion",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion",
-			"description": "The SVG <animateMotion> element provides a way to define how an element moves along a motion path.",
+			"description": "The <animateMotion> SVG element provides a way to define how an element moves along a motion path.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -42138,7 +42336,7 @@
 			"name": "svg:animateTransform",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform",
-			"description": "The animateTransform element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.",
+			"description": "The <animateTransform> SVG element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -42439,7 +42637,7 @@
 			"name": "svg:defs",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs",
-			"description": "The <defs> element is used to store graphical objects that will be used at a later time. Objects created inside a <defs> element are not rendered directly. To display them you have to reference them (with a <use> element for example).",
+			"description": "The <defs> SVG element is used to store graphical objects that will be used at a later time. Objects created inside a <defs> element are not rendered directly. To display them you have to reference them (with a <use> element for example).",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -42551,7 +42749,7 @@
 			"name": "svg:desc",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/desc",
-			"description": "The <desc> element provides an accessible, long-text description of any SVG container element or graphics element.",
+			"description": "The <desc> SVG element provides an accessible, long-text description of any SVG container element or graphics element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -42608,7 +42806,7 @@
 			"name": "svg:ellipse",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ellipse",
-			"description": "The <ellipse> element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.",
+			"description": "The <ellipse> SVG element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -43608,7 +43806,7 @@
 			"name": "svg:feDistantLight",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feDistantLight",
-			"description": "The <feDistantLight> filter primitive defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.",
+			"description": "The <feDistantLight> SVG filter primitive defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -43642,7 +43840,7 @@
 			"name": "svg:feDropShadow",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feDropShadow",
-			"description": "The SVG <feDropShadow> filter primitive creates a drop shadow of the input image. It can only be used inside a <filter> element.",
+			"description": "The <feDropShadow> SVG filter primitive creates a drop shadow of the input image. It can only be used inside a <filter> element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -44312,7 +44510,7 @@
 			"name": "svg:feMergeNode",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feMergeNode",
-			"description": "The feMergeNode takes the result of another filter to be processed by its parent <feMerge>.",
+			"description": "The <feMergeNode> SVG takes the result of another filter to be processed by its parent <feMerge>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -44444,7 +44642,7 @@
 			"name": "svg:feOffset",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feOffset",
-			"description": "The <feOffset> SVG filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the dx and dy attributes.",
+			"description": "The <feOffset> SVG filter primitive enables offsetting an input image relative to its current position. The input image as a whole is offset by the values specified in the dx and dy attributes.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -44549,7 +44747,7 @@
 			"name": "svg:fePointLight",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/fePointLight",
-			"description": "The <fePointLight> 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>.",
+			"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>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -45136,114 +45334,6 @@
 				}
 			}
 		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:font",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The <font> SVG element defines a font to be used for text layout.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
 		{
 			"name": "svg:foreignObject",
 			"namespace": "http://www.w3.org/2000/svg",
@@ -45475,42 +45565,6 @@
 			},
 			"attributes": {}
 		},
-		{
-			"name": "svg:glyph",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "A <glyph> defines a single glyph in an SVG font.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
-		{
-			"name": "svg:glyphRef",
-			"namespace": "http://www.w3.org/2000/svg",
-			"cite": "https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features",
-			"description": "The glyphRef element provides a single possible glyph to the referencing <altGlyph> substitution.",
-			"categories": [],
-			"contentModel": {
-				"contents": true
-			},
-			"aria": {
-				"permittedRoles": true,
-				"implicitRole": false
-			},
-			"omission": false,
-			"obsolete": true,
-			"globalAttrs": {},
-			"attributes": {}
-		},
 		{
 			"name": "svg:hkern",
 			"namespace": "http://www.w3.org/2000/svg",
@@ -45648,12 +45702,31 @@
 						}
 					}
 				},
+				"decoding": {
+					"description": "Provides a hint to the browser as to whether it should perform image decoding synchronously or asynchronously. Value type: async | sync | auto ; Default value: auto; Animatable: yes"
+				},
+				"height": {
+					"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": {
 					"type": "URL"
 				},
 				"preserveAspectRatio": {
 					"type": "<preserve-aspect-ratio>",
 					"defaultValue": "xMidYMid meet"
+				},
+				"width": {
+					"description": "The width the image renders at. Unlike HTML's <img>, this attribute is required. Value type: <length>|<percentage> ; Default value: auto; Animatable: yes"
+				},
+				"x": {
+					"description": "Positions the image horizontally from the origin. Value type: <length>|<percentage> ; Default value: 0; Animatable: yes"
+				},
+				"xlink:href": {
+					"description": "Points at a URL for the image file. Value type: <URL> ; Default value: none; Animatable: no",
+					"deprecated": true
+				},
+				"y": {
+					"description": "Positions the image vertically from the origin. Value type: <length>|<percentage> ; Default value: 0; Animatable: yes"
 				}
 			}
 		},
@@ -45661,7 +45734,7 @@
 			"name": "svg:line",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line",
-			"description": "The <line> element is an SVG basic shape used to create a line connecting two points.",
+			"description": "The <line> SVG element is an SVG basic shape used to create a line connecting two points.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -45795,7 +45868,7 @@
 			"name": "svg:linearGradient",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/linearGradient",
-			"description": "The <linearGradient> element lets authors define linear gradients to apply to other SVG elements.",
+			"description": "The <linearGradient> SVG element lets authors define linear gradients to apply to other SVG elements.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -45946,7 +46019,7 @@
 			"name": "svg:marker",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker",
-			"description": "The <marker> element defines a graphic used for drawing arrowheads or polymarkers on a given <path>, <line>, <polyline> or <polygon> element.",
+			"description": "The <marker> SVG element defines a graphic used for drawing arrowheads or polymarkers on a given <path>, <line>, <polyline> or <polygon> element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -46121,7 +46194,7 @@
 			"name": "svg:mask",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/mask",
-			"description": "The <mask> element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the mask property.",
+			"description": "The <mask> SVG element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the mask property.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -46303,7 +46376,7 @@
 			"name": "svg:mpath",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/mpath",
-			"description": "The <mpath> sub-element for the <animateMotion> element provides the ability to reference an external <path> element as the definition of a motion path.",
+			"description": "The <mpath> SVG sub-element for the <animateMotion> element provides the ability to reference an external <path> element as the definition of a motion path.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -46450,7 +46523,7 @@
 			"name": "svg:pattern",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/pattern",
-			"description": "The <pattern> element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals (\"tiled\") to cover an area.",
+			"description": "The <pattern> SVG element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals (\"tiled\") to cover an area.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -46597,14 +46670,14 @@
 					"defaultValue": "0"
 				},
 				"x": {
-					"description": "This attribute determines the x coordinate shift of the pattern tile. Value type: <length>|<percentage> ; Default value: 0; Animatable: yes"
+					"description": "This attribute determines the x coordinate shift of the pattern tile. Value type: <length> ; Default value: 0; Animatable: yes"
 				},
 				"xlink:href": {
 					"description": "This attribute references a template pattern that provides default values for the <pattern> attributes. Value type: <URL>; Default value: none; Animatable: yes Note: For browsers implementing href, if both href and xlink:href are set, xlink:href will be ignored and only href will be used.",
 					"deprecated": true
 				},
 				"y": {
-					"description": "This attribute determines the y coordinate shift of the pattern tile. Value type: <length>|<percentage> ; Default value: 0; Animatable: yes"
+					"description": "This attribute determines the y coordinate shift of the pattern tile. Value type: <length> ; Default value: 0; Animatable: yes"
 				}
 			}
 		},
@@ -46612,7 +46685,7 @@
 			"name": "svg:polygon",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polygon",
-			"description": "The <polygon> element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.",
+			"description": "The <polygon> SVG element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -46848,7 +46921,7 @@
 			"name": "svg:radialGradient",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/radialGradient",
-			"description": "The <radialGradient> element lets authors define radial gradients that can be applied to fill or stroke of graphical elements.",
+			"description": "The <radialGradient> SVG element lets authors define radial gradients that can be applied to fill or stroke of graphical elements.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47007,7 +47080,7 @@
 			"name": "svg:rect",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect",
-			"description": "The <rect> element is a basic SVG shape that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.",
+			"description": "The <rect> SVG element is a basic SVG shape that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47145,7 +47218,7 @@
 			"name": "svg:script",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/script",
-			"description": "The SVG script element allows to add scripts to an SVG document.",
+			"description": "The <script> SVG element allows to add scripts to an SVG document.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47189,7 +47262,7 @@
 			"name": "svg:set",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/set",
-			"description": "The SVG <set> element provides a method of setting the value of an attribute for a specified duration.",
+			"description": "The <set> SVG element provides a method of setting the value of an attribute for a specified duration.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47232,7 +47305,7 @@
 			"name": "svg:stop",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/stop",
-			"description": "The SVG <stop> element defines a color and its position to use on a gradient. This element is always a child of a <linearGradient> or <radialGradient> element.",
+			"description": "The <stop> SVG element defines a color and its position to use on a gradient. This element is always a child of a <linearGradient> or <radialGradient> element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47342,7 +47415,7 @@
 			"name": "svg:style",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/style",
-			"description": "The SVG <style> element allows style sheets to be embedded directly within SVG content.",
+			"description": "The <style> SVG element allows style sheets to be embedded directly within SVG content.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47378,7 +47451,7 @@
 			"name": "svg:svg",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg",
-			"description": "The 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.",
+			"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.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47651,7 +47724,7 @@
 			"name": "svg:symbol",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol",
-			"description": "The <symbol> element is used to define graphical template objects which can be instantiated by a <use> element.",
+			"description": "The <symbol> SVG element is used to define graphical template objects which can be instantiated by a <use> element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47739,7 +47812,7 @@
 			"name": "svg:text",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/text",
-			"description": "The SVG <text> element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to <text>, like any other SVG graphics element.",
+			"description": "The <text> SVG element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to <text>, like any other SVG graphics element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -47886,7 +47959,7 @@
 			"name": "svg:textPath",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/textPath",
-			"description": "To render text along the shape of a <path>, enclose the text in a <textPath> element that has an href attribute with a reference to the <path> element.",
+			"description": "The <textPath> SVG element is used to render text along the shape of a <path> element. The text must be enclosed in the <textPath> element and its href attribute is used to reference the desired <path>.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -48049,7 +48122,7 @@
 			"name": "svg:title",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title",
-			"description": "The <title> element provides an accessible, short-text description of any SVG container element or graphics element.",
+			"description": "The <title> SVG element provides an accessible, short-text description of any SVG container element or graphics element.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -48091,7 +48164,7 @@
 			"name": "svg:tspan",
 			"namespace": "http://www.w3.org/2000/svg",
 			"cite": "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/tspan",
-			"description": "The SVG <tspan> element defines a subtext within a <text> element or another <tspan> element. It allows for adjustment of the style and/or position of that subtext as needed.",
+			"description": "The <tspan> SVG element defines a subtext within a <text> element or another <tspan> element. It allows for adjustment of the style and/or position of that subtext as needed.",
 			"categories": [],
 			"contentModel": {
 				"contents": [
@@ -48342,23 +48415,23 @@
 			},
 			"attributes": {
 				"height": {
-					"description": "The height of the use element.Value type: <length> ; Default value: 0; Animatable: yes"
+					"description": "The height of the use element. Value type: <length> ; Default value: 0; Animatable: yes"
 				},
 				"href": {
 					"type": "URL"
 				},
 				"width": {
-					"description": "The width of the use element.Value type: <length> ; Default value: 0; Animatable: yes"
+					"description": "The width of the use element. Value type: <length> ; Default value: 0; Animatable: yes"
 				},
 				"x": {
-					"description": "The x coordinate of an additional final offset transformation applied to the <use> element.Value type: <coordinate> ; Default value: 0; Animatable: yes"
+					"description": "The x coordinate of an additional final offset transformation applied to the <use> element. Value type: <coordinate> ; Default value: 0; Animatable: yes"
 				},
 				"xlink:href": {
-					"description": "An <IRI> reference to an element/fragment that needs to be duplicated. If both href and xlink:href are present, the value given by href is used.Value type: <IRI> ; Default value: none; Animatable: yes",
+					"description": "An <IRI> reference to an element/fragment that needs to be duplicated. If both href and xlink:href are present, the value given by href is used. Value type: <IRI> ; Default value: none; Animatable: yes",
 					"deprecated": true
 				},
 				"y": {
-					"description": "The y coordinate of an additional final offset transformation applied to the <use> element.Value type: <coordinate> ; Default value: 0; Animatable: yes"
+					"description": "The y coordinate of an additional final offset transformation applied to the <use> element. Value type: <coordinate> ; Default value: 0; Animatable: yes"
 				}
 			}
 		},

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@markuplint/html-spec",
-	"version": "4.11.1",
+	"version": "4.13.0",
 	"description": "A specification of HTML Living Standard for markuplint",
 	"repository": "git@github.com:markuplint/markuplint.git",
 	"author": "Yusuke Hirao <yusukehirao@me.com>",
@@ -27,11 +27,11 @@
 		"gen:prettier": "prettier --write index.json"
 	},
 	"devDependencies": {
-		"@markuplint/spec-generator": "4.6.14",
-		"@markuplint/test-tools": "4.5.14"
+		"@markuplint/spec-generator": "4.6.16",
+		"@markuplint/test-tools": "4.5.16"
 	},
 	"dependencies": {
-		"@markuplint/ml-spec": "4.9.1"
+		"@markuplint/ml-spec": "4.9.3"
 	},
-	"gitHead": "2a067903214e5633bd9b77690613837ead9683c3"
+	"gitHead": "f9f6c415b8a3a231aac56181892bb393aeb8ae1a"
 }