diff --git a/files/en-us/web/svg/element/a/index.md b/files/en-us/web/svg/element/a/index.md index 3602bcf6463b612..35a94048e22e626 100644 --- a/files/en-us/web/svg/element/a/index.md +++ b/files/en-us/web/svg/element/a/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.a {{SVGRef}} -The **\** SVG element creates a hyperlink to other web pages, files, locations in the same page, email addresses, or any other URL. It is very similar to HTML's {{htmlelement("a")}} element. +The **``** [SVG](/en-US/docs/Web/SVG) element creates a hyperlink to other web pages, files, locations in the same page, email addresses, or any other URL. It is very similar to HTML's {{htmlelement("a")}} element. SVG's `` element is a container, which means you can create a link around text (like in HTML) but also around any shape. diff --git a/files/en-us/web/svg/element/animate/index.md b/files/en-us/web/svg/element/animate/index.md index 91e6afa40495811..fba4cb511457ff0 100644 --- a/files/en-us/web/svg/element/animate/index.md +++ b/files/en-us/web/svg/element/animate/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.animate {{SVGRef}} -The SVG **``** element provides a way to animate an attribute of an element over time. +The **``** [SVG](/en-US/docs/Web/SVG) element provides a way to animate an attribute of an element over time. ## Example diff --git a/files/en-us/web/svg/element/animatemotion/index.md b/files/en-us/web/svg/element/animatemotion/index.md index e09bda900852da6..7d37c276cc6bab2 100644 --- a/files/en-us/web/svg/element/animatemotion/index.md +++ b/files/en-us/web/svg/element/animatemotion/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.animateMotion {{SVGRef}} -The SVG **``** element provides a way to define how an element moves along a motion path. +The **``** [SVG](/en-US/docs/Web/SVG) element provides a way to define how an element moves along a motion path. > [!NOTE] > To reuse an existing path, it will be necessary to use an {{SVGElement("mpath")}} element inside the `` element instead of the {{SVGAttr("path")}} attribute. diff --git a/files/en-us/web/svg/element/animatetransform/index.md b/files/en-us/web/svg/element/animatetransform/index.md index af8122b840a5f82..a4014d05f4a88fc 100644 --- a/files/en-us/web/svg/element/animatetransform/index.md +++ b/files/en-us/web/svg/element/animatetransform/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.animateTransform {{SVGRef}} -The `animateTransform` element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing. +The **``** [SVG](/en-US/docs/Web/SVG) element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing. ## Usage context diff --git a/files/en-us/web/svg/element/defs/index.md b/files/en-us/web/svg/element/defs/index.md index 3ec644f61d366f5..40d003ca10f7f48 100644 --- a/files/en-us/web/svg/element/defs/index.md +++ b/files/en-us/web/svg/element/defs/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.defs {{SVGRef}} -The **``** element is used to store graphical objects that will be used at a later time. Objects created inside a `` element are not rendered directly. To display them you have to reference them (with a {{SVGElement("use")}} element for example). +The **``** [SVG](/en-US/docs/Web/SVG) element is used to store graphical objects that will be used at a later time. Objects created inside a `` element are not rendered directly. To display them you have to reference them (with a {{SVGElement("use")}} element for example). Graphical objects can be referenced from anywhere, however, defining these objects inside of a `` element promotes understandability of the SVG content and is beneficial to the overall accessibility of the document. diff --git a/files/en-us/web/svg/element/desc/index.md b/files/en-us/web/svg/element/desc/index.md index 2e7d6fe94277495..d7e7e5c881f86d3 100644 --- a/files/en-us/web/svg/element/desc/index.md +++ b/files/en-us/web/svg/element/desc/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.desc {{SVGRef}} -The **``** element provides an accessible, long-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements). +The **``** [SVG](/en-US/docs/Web/SVG) element provides an accessible, long-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements). Text in a `` element is not rendered as part of the graphic. If the element can be described by visible text, it is possible to reference that text with the [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) attribute. If `aria-describedby` is used, it will take precedence over ``. diff --git a/files/en-us/web/svg/element/ellipse/index.md b/files/en-us/web/svg/element/ellipse/index.md index 6a6b5481b7e8745..73b9aaaa1c036e4 100644 --- a/files/en-us/web/svg/element/ellipse/index.md +++ b/files/en-us/web/svg/element/ellipse/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.ellipse {{SVGRef}} -The **``** element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius. +The **``** [SVG](/en-US/docs/Web/SVG) element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius. > [!NOTE] > Ellipses are unable to specify the exact orientation of the ellipse (if, for example, you wanted to draw an ellipse tilted at a 45 degree angle), but it can be rotated by using the {{SVGAttr("transform")}} attribute. diff --git a/files/en-us/web/svg/element/fecolormatrix/index.md b/files/en-us/web/svg/element/fecolormatrix/index.md index 85a73eaa5a96cad..a9bdd8341b51f13 100644 --- a/files/en-us/web/svg/element/fecolormatrix/index.md +++ b/files/en-us/web/svg/element/fecolormatrix/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feColorMatrix {{SVGRef}} -The **``** SVG filter element changes colors based on a transformation matrix. Every pixel's color value `[R,G,B,A]` is [matrix multiplied](https://en.wikipedia.org/wiki/Matrix_multiplication) by a 5 by 5 color matrix to create new color `[R',G',B',A']`. +The **``** [SVG](/en-US/docs/Web/SVG) filter element changes colors based on a transformation matrix. Every pixel's color value `[R,G,B,A]` is [matrix multiplied](https://en.wikipedia.org/wiki/Matrix_multiplication) by a 5 by 5 color matrix to create new color `[R',G',B',A']`. > [!NOTE] > The prime symbol **`'`** is used in mathematics indicate the result of a transformation. diff --git a/files/en-us/web/svg/element/fedistantlight/index.md b/files/en-us/web/svg/element/fedistantlight/index.md index b31f33265801837..c17c15e383f69da 100644 --- a/files/en-us/web/svg/element/fedistantlight/index.md +++ b/files/en-us/web/svg/element/fedistantlight/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feDistantLight {{SVGRef}} -The **``** filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}. +The **``** [SVG](/en-US/docs/Web/SVG) filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}. ## Usage context diff --git a/files/en-us/web/svg/element/fedropshadow/index.md b/files/en-us/web/svg/element/fedropshadow/index.md index e5a527d7e371dd1..24ba8978cfa7d91 100644 --- a/files/en-us/web/svg/element/fedropshadow/index.md +++ b/files/en-us/web/svg/element/fedropshadow/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feDropShadow {{SVGRef}} -The SVG **``** filter primitive creates a drop shadow of the input image. It can only be used inside a {{SVGElement('filter')}} element. +The **``** [SVG](/en-US/docs/Web/SVG) filter primitive creates a drop shadow of the input image. It can only be used inside a {{SVGElement('filter')}} element. > [!NOTE] > The drop shadow color and opacity can be changed by using the {{SVGAttr('flood-color')}} and {{SVGAttr('flood-opacity')}} presentation attributes. diff --git a/files/en-us/web/svg/element/feflood/index.md b/files/en-us/web/svg/element/feflood/index.md index f32d1b3f56c3df0..38f0a7798b6e4cd 100644 --- a/files/en-us/web/svg/element/feflood/index.md +++ b/files/en-us/web/svg/element/feflood/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feFlood {{SVGRef}} -The **``** SVG filter primitive fills the filter subregion with the color and opacity defined by {{SVGAttr("flood-color")}} and {{SVGAttr("flood-opacity")}}. +The **``** [SVG](/en-US/docs/Web/SVG) filter primitive fills the filter subregion with the color and opacity defined by {{SVGAttr("flood-color")}} and {{SVGAttr("flood-opacity")}}. ## Usage context diff --git a/files/en-us/web/svg/element/femerge/index.md b/files/en-us/web/svg/element/femerge/index.md index 8428b7c7e99e101..e0c08660947506d 100644 --- a/files/en-us/web/svg/element/femerge/index.md +++ b/files/en-us/web/svg/element/femerge/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feMerge {{SVGRef}} -The **``** SVG element allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the {{ SVGAttr("result") }} attribute and then accessing it in a {{ SVGElement("feMergeNode") }} child. +The **``** [SVG](/en-US/docs/Web/SVG) element allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the {{ SVGAttr("result") }} attribute and then accessing it in a {{ SVGElement("feMergeNode") }} child. ## Usage context diff --git a/files/en-us/web/svg/element/femergenode/index.md b/files/en-us/web/svg/element/femergenode/index.md index c54e7a1adbf4061..9e4ce97beb086f8 100644 --- a/files/en-us/web/svg/element/femergenode/index.md +++ b/files/en-us/web/svg/element/femergenode/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feMergeNode {{SVGRef}} -The `feMergeNode` takes the result of another filter to be processed by its parent {{ SVGElement("feMerge") }}. +The **``** [SVG](/en-US/docs/Web/SVG) takes the result of another filter to be processed by its parent {{ SVGElement("feMerge") }}. ## Usage context diff --git a/files/en-us/web/svg/element/feoffset/index.md b/files/en-us/web/svg/element/feoffset/index.md index e065afa8129b05e..dd455f45f5f0233 100644 --- a/files/en-us/web/svg/element/feoffset/index.md +++ b/files/en-us/web/svg/element/feoffset/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.feOffset {{SVGRef}} -The **``** SVG filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the {{SVGAttr("dx")}} and {{SVGAttr("dy")}} attributes. +The **``** [SVG](/en-US/docs/Web/SVG) filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the {{SVGAttr("dx")}} and {{SVGAttr("dy")}} attributes. ## Usage context diff --git a/files/en-us/web/svg/element/fepointlight/index.md b/files/en-us/web/svg/element/fepointlight/index.md index 4df594aaf52c8fc..79c42d44d11c9ae 100644 --- a/files/en-us/web/svg/element/fepointlight/index.md +++ b/files/en-us/web/svg/element/fepointlight/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.fePointLight {{SVGRef}} -The **``** filter primitive defines a light source which allows to create a point light effect. It that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}. +The **``** [SVG](/en-US/docs/Web/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: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}. ## Usage context diff --git a/files/en-us/web/svg/element/font-face-name/index.md b/files/en-us/web/svg/element/font-face-name/index.md index 5179d512a59469d..9bfdadd7ce68dc5 100644 --- a/files/en-us/web/svg/element/font-face-name/index.md +++ b/files/en-us/web/svg/element/font-face-name/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.font-face-name {{SVGRef}}{{deprecated_header}} -The **``** element points to a locally installed copy of this font, identified by its name. +The **``** [SVG](/en-US/docs/Web/SVG) element points to a locally installed copy of this font, identified by its name. ## Usage context diff --git a/files/en-us/web/svg/element/glyph/index.md b/files/en-us/web/svg/element/glyph/index.md index 8840bd4f25241aa..e38b7f0df941e76 100644 --- a/files/en-us/web/svg/element/glyph/index.md +++ b/files/en-us/web/svg/element/glyph/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.glyph {{SVGRef}}{{deprecated_header}} -A **``** defines a single glyph in an SVG font. +The **``** [SVG](/en-US/docs/Web/SVG) element defines a single glyph in an SVG font. ## Usage context diff --git a/files/en-us/web/svg/element/glyphref/index.md b/files/en-us/web/svg/element/glyphref/index.md index 4cf0abbea3d98cd..6f467e0687c6155 100644 --- a/files/en-us/web/svg/element/glyphref/index.md +++ b/files/en-us/web/svg/element/glyphref/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.glyphRef {{SVGRef}}{{deprecated_header}} -The `glyphRef` element provides a single possible glyph to the referencing `` substitution. +The **``** [SVG](/en-US/docs/Web/SVG) element provides a single possible glyph to the referencing `` substitution. ## Usage context diff --git a/files/en-us/web/svg/element/image/index.md b/files/en-us/web/svg/element/image/index.md index 41ee383fa7a54e8..ed81d7415634c76 100644 --- a/files/en-us/web/svg/element/image/index.md +++ b/files/en-us/web/svg/element/image/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.image {{SVGRef}} -The **``** SVG element includes images inside SVG documents. It can display {{glossary("raster image")}} files or other SVG files. +The **``** [SVG](/en-US/docs/Web/SVG) element includes images inside SVG documents. It can display {{glossary("raster image")}} files or other SVG files. The only image formats SVG software must support are {{glossary("JPEG")}}, {{glossary("PNG")}}, and other SVG files. Animated {{glossary("GIF")}} behavior is undefined. diff --git a/files/en-us/web/svg/element/line/index.md b/files/en-us/web/svg/element/line/index.md index bf3d6d06cb0b5db..51ae5697fb87cd2 100644 --- a/files/en-us/web/svg/element/line/index.md +++ b/files/en-us/web/svg/element/line/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.line {{SVGRef}} -The **``** element is an SVG basic shape used to create a line connecting two points. +The **``** [SVG](/en-US/docs/Web/SVG) element is an SVG basic shape used to create a line connecting two points. ## Example diff --git a/files/en-us/web/svg/element/lineargradient/index.md b/files/en-us/web/svg/element/lineargradient/index.md index 23c642736a2ddea..483d532873c54a4 100644 --- a/files/en-us/web/svg/element/lineargradient/index.md +++ b/files/en-us/web/svg/element/lineargradient/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.linearGradient {{SVGRef}} -The **``** element lets authors define linear gradients to apply to other SVG elements. +The **``** [SVG](/en-US/docs/Web/SVG) element lets authors define linear gradients to apply to other SVG elements. ## Example diff --git a/files/en-us/web/svg/element/marker/index.md b/files/en-us/web/svg/element/marker/index.md index b489f17fc893c31..7f9c2070a7e518c 100644 --- a/files/en-us/web/svg/element/marker/index.md +++ b/files/en-us/web/svg/element/marker/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.marker {{SVGRef}} -The **``** element defines a graphic used for drawing arrowheads or polymarkers on a given {{SVGElement("path")}}, {{SVGElement("line")}}, {{SVGElement("polyline")}} or {{SVGElement("polygon")}} element. +The **``** [SVG](/en-US/docs/Web/SVG) element defines a graphic used for drawing arrowheads or polymarkers on a given {{SVGElement("path")}}, {{SVGElement("line")}}, {{SVGElement("polyline")}} or {{SVGElement("polygon")}} element. Markers can be attached to shapes using the {{SVGAttr("marker-start")}}, {{SVGAttr("marker-mid")}}, and {{SVGAttr("marker-end")}} properties. diff --git a/files/en-us/web/svg/element/mask/index.md b/files/en-us/web/svg/element/mask/index.md index a977b5b63e04056..0e808a43e82a337 100644 --- a/files/en-us/web/svg/element/mask/index.md +++ b/files/en-us/web/svg/element/mask/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.mask {{SVGRef}} -The **``** element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the {{SVGAttr("mask")}} property. +The **``** [SVG](/en-US/docs/Web/SVG) element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the {{SVGAttr("mask")}} property. ## Example diff --git a/files/en-us/web/svg/element/mpath/index.md b/files/en-us/web/svg/element/mpath/index.md index 471094ad0037087..ff1586ba480861c 100644 --- a/files/en-us/web/svg/element/mpath/index.md +++ b/files/en-us/web/svg/element/mpath/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.mpath {{SVGRef}} -The **``** sub-element for the {{SVGElement("animateMotion")}} element provides the ability to reference an external {{SVGElement("path")}} element as the definition of a motion path. +The **``** [SVG](/en-US/docs/Web/SVG) sub-element for the {{SVGElement("animateMotion")}} element provides the ability to reference an external {{SVGElement("path")}} element as the definition of a motion path. ## Usage context diff --git a/files/en-us/web/svg/element/pattern/index.md b/files/en-us/web/svg/element/pattern/index.md index f9fdb1106852a72..fc2270322d2c1c4 100644 --- a/files/en-us/web/svg/element/pattern/index.md +++ b/files/en-us/web/svg/element/pattern/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.pattern {{SVGRef}} -The **``** element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals ("tiled") to cover an area. +The **``** [SVG](/en-US/docs/Web/SVG) element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals ("tiled") to cover an area. The `` is referenced by the {{SVGAttr("fill")}} and/or {{SVGAttr("stroke")}} attributes on other [graphics elements](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) to fill or stroke those elements with the referenced pattern. diff --git a/files/en-us/web/svg/element/polygon/index.md b/files/en-us/web/svg/element/polygon/index.md index 96db687aa0f2c8e..c00918f417487ce 100644 --- a/files/en-us/web/svg/element/polygon/index.md +++ b/files/en-us/web/svg/element/polygon/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.polygon {{SVGRef}} -The **``** element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point. +The **``** [SVG](/en-US/docs/Web/SVG) element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point. For open shapes, see the {{SVGElement("polyline")}} element. diff --git a/files/en-us/web/svg/element/radialgradient/index.md b/files/en-us/web/svg/element/radialgradient/index.md index 68ae1c8ddab923b..190bdb129f02b81 100644 --- a/files/en-us/web/svg/element/radialgradient/index.md +++ b/files/en-us/web/svg/element/radialgradient/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.radialGradient {{SVGRef}} -The **``** element lets authors define radial gradients that can be applied to fill or stroke of graphical elements. +The **``** [SVG](/en-US/docs/Web/SVG) element lets authors define radial gradients that can be applied to fill or stroke of graphical elements. > [!NOTE] > Don't be confused with CSS {{cssxref('gradient/radial-gradient', 'radial-gradient()')}} as CSS gradients can only apply to HTML elements where SVG gradient can only apply to SVG elements. diff --git a/files/en-us/web/svg/element/rect/index.md b/files/en-us/web/svg/element/rect/index.md index a56e2901f02ece7..e545ece9a1f8f22 100644 --- a/files/en-us/web/svg/element/rect/index.md +++ b/files/en-us/web/svg/element/rect/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.rect {{SVGRef}} -The **``** element is a [basic SVG shape](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded. +The **``** [SVG](/en-US/docs/Web/SVG) element is a [basic SVG shape](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded. ## Example diff --git a/files/en-us/web/svg/element/script/index.md b/files/en-us/web/svg/element/script/index.md index 941ba58aec20cdb..5f59b82d472bf5a 100644 --- a/files/en-us/web/svg/element/script/index.md +++ b/files/en-us/web/svg/element/script/index.md @@ -7,7 +7,7 @@ browser-compat: svg.elements.script {{SVGRef}} -The SVG `script` element allows to add scripts to an SVG document. +The **`