Baseline since 2015
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.
diff --git a/xml/tests/testData/documentation/QuickDocumentationHtml5SvgImage.expected.html b/xml/tests/testData/documentation/QuickDocumentationHtml5SvgImage.expected.html
index 79a674e1081e..818dbf59b54a 100644
--- a/xml/tests/testData/documentation/QuickDocumentationHtml5SvgImage.expected.html
+++ b/xml/tests/testData/documentation/QuickDocumentationHtml5SvgImage.expected.html
@@ -8,7 +8,7 @@
The <image> SVG element includes images inside SVG documents. It can display raster image files or other SVG files.
The only image formats SVG software must support are JPEG, PNG, and other SVG files. Animated GIF behavior is undefined. -
SVG files displayed with <image> are treated as an image: external resources aren't loaded, :visited styles aren't applied, and they cannot be interactive. To include dynamic SVG elements, try <use> with an external URL. To include SVG files and run scripts inside them, try <object> inside of <foreignObject>.
+
SVG files displayed with <image> are treated as an image: external resources aren't loaded, :visited styles aren't applied, and they cannot be interactive. To include dynamic SVG elements, try <use> with an external URL. To include SVG files and run scripts inside them, try <object> inside of <foreignObject>.
Note:
The HTML spec defines <image> as a synonym for <img> while parsing HTML. This specific element and its behavior only apply inside SVG documents or inline SVGs.
diff --git a/xml/tests/testData/documentation/SvgDoc2.svg.expected.completion.html b/xml/tests/testData/documentation/SvgDoc2.svg.expected.completion.html
index 61e1bc27bd56..3de2f85839b1 100644
--- a/xml/tests/testData/documentation/SvgDoc2.svg.expected.completion.html
+++ b/xml/tests/testData/documentation/SvgDoc2.svg.expected.completion.html
@@ -9,7 +9,7 @@
The stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape. It applies to any SVG shape or text-content element, but as an inherited property, it may be applied to elements such as <g> and still have the intended effect on descendant elements' strokes.
Note:
-As a presentation attribute, stroke-width also has a CSS property counterpart: stroke-width. When both are specified, the CSS property takes priority.
+As a presentation attribute, stroke-width also has a CSS property counterpart: stroke-width. When both are specified, the CSS property takes priority.
You can use this attribute with the following SVG elements:
stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape. It applies to any SVG shape or text-content element, but as an inherited property, it may be applied to elements such as <g> and still have the intended effect on descendant elements' strokes.
Note:
-As a presentation attribute, stroke-width also has a CSS property counterpart: stroke-width. When both are specified, the CSS property takes priority.
+As a presentation attribute, stroke-width also has a CSS property counterpart: stroke-width. When both are specified, the CSS property takes priority.
You can use this attribute with the following SVG elements:
<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:
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).