Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion files/en-us/glossary/void_element/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ A **void element** is an {{Glossary("element")}} in HTML that **cannot** have an

In HTML, a void element must not have an end tag. For example, `<input type="text"></input>` is invalid HTML. In contrast, SVG or MathML elements that cannot have any child nodes may use an end tag instead of XML self-closing-tag syntax in their start tag.

The [HTML](https://html.spec.whatwg.org/multipage/), [SVG](https://svgwg.org/svg2-draft/), and [MathML](https://w3c.github.io/mathml/spec.html) specifications define very precisely what each element can contain. So, some combinations of tags have no semantic meaning.
The [HTML](https://html.spec.whatwg.org/multipage/), [SVG](https://w3c.github.io/svgwg/svg2-draft/), and [MathML](https://w3c.github.io/mathml/spec.html) specifications define very precisely what each element can contain. So, some combinations of tags have no semantic meaning.

Although there is no way to mark up a void element as having any children, child nodes can be added programmatically to the element in the DOM using JavaScript. But that is not a good practice, as the outcome will not be reliable.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/svg_api/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: SVG API
slug: Web/API/SVG_API
page-type: web-api-overview
spec-urls: https://svgwg.org/svg2-draft/
spec-urls: https://w3c.github.io/svgwg/svg2-draft/
---

{{DefaultAPISidebar("SVG")}}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/svgrect/x/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ browser-compat: api.SVGRect.x

{{APIRef("SVG")}}

The [x](https://svgwg.org/svg2-draft/geometry.html#XProperty) property describes the horizontal coordinate of the position of the element.
The [x](https://w3c.github.io/svgwg/svg2-draft/geometry.html#XProperty) property describes the horizontal coordinate of the position of the element.

## Specifications

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/reference/properties/stroke/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,10 +36,10 @@ stroke: unset;
- : Sets the painting of the stroke with any valid CSS color value.

- `<image>`
- : Sets the painting of the stroke with what SVG calls a [_paint server_](https://svgwg.org/svg2-draft/pservers.html), which in this context is an SVG gradient or pattern. CSS gradients cannot be used with the `stroke` property.
- : Sets the painting of the stroke with what SVG calls a [_paint server_](https://w3c.github.io/svgwg/svg2-draft/pservers.html), which in this context is an SVG gradient or pattern. CSS gradients cannot be used with the `stroke` property.

- `context-stroke`
- : Causes an element to "inherit" its stroke definition from its [_context element_](https://svgwg.org/svg2-draft/painting.html#TermContextElement). If there is no valid context element, then this value will result in no paint being used for the stroke.
- : Causes an element to "inherit" its stroke definition from its [_context element_](https://w3c.github.io/svgwg/svg2-draft/painting.html#TermContextElement). If there is no valid context element, then this value will result in no paint being used for the stroke.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -968,7 +968,7 @@ It's not generally useful for strictly bitmap or photographic images, although i
</tr>
<tr>
<th scope="row">Specification</th>
<td><a href="https://svgwg.org/svg2-draft/">Scalable Vector Graphics (SVG) 2</a></td>
<td><a href="https://w3c.github.io/svgwg/svg2-draft/">Scalable Vector Graphics (SVG) 2</a></td>
</tr>
<tr>
<th scope="row">Browser compatibility</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -131,5 +131,5 @@ Same example as before with a curved path and following the direction of the pat
## See also

- [SVG](/en-US/docs/Web/SVG)
- [SVG Animation Specification](https://svgwg.org/svg2-draft/animate.html)
- [SVG Animation Specification](https://w3c.github.io/svgwg/svg2-draft/animate.html)
- [SMIL Specification](https://www.w3.org/TR/SMIL/)
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/dx/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ page-type: svg-attribute
spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-fedropshadow-dx
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-feoffset-dx
- https://svgwg.org/svg2-draft/text.html#TextElementDXAttribute
- https://w3c.github.io/svgwg/svg2-draft/text.html#TextElementDXAttribute
sidebar: svgref
---

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/dy/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ page-type: svg-attribute
spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-fedropshadow-dy
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-feoffset-dy
- https://svgwg.org/svg2-draft/text.html#TextElementDYAttribute
- https://w3c.github.io/svgwg/svg2-draft/text.html#TextElementDYAttribute
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-height
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-primitive-height
- https://drafts.csswg.org/css-masking-1/#element-attrdef-mask-height
- https://svgwg.org/svg2-draft/geometry.html#Sizing
- https://svgwg.org/svg2-draft/pservers.html#PatternElementHeightAttribute
- https://w3c.github.io/svgwg/svg2-draft/geometry.html#Sizing
- https://w3c.github.io/svgwg/svg2-draft/pservers.html#PatternElementHeightAttribute
sidebar: svgref
---

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/method/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: method
slug: Web/SVG/Reference/Attribute/method
page-type: svg-attribute
spec-urls: https://svgwg.org/svg2-draft/text.html#TextPathElementMethodAttribute
spec-urls: https://w3c.github.io/svgwg/svg2-draft/text.html#TextPathElementMethodAttribute
sidebar: svgref
---

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/path/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: path
slug: Web/SVG/Reference/Attribute/path
page-type: svg-attribute
spec-urls:
- https://svgwg.org/svg2-draft/text.html#TextPathElementPathAttribute
- https://w3c.github.io/svgwg/svg2-draft/text.html#TextPathElementPathAttribute
- https://svgwg.org/specs/animations/#AnimateMotionElementPathAttribute
sidebar: svgref
---
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: pathLength
slug: Web/SVG/Reference/Attribute/pathLength
page-type: svg-attribute
spec-urls: https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute
spec-urls: https://w3c.github.io/svgwg/svg2-draft/paths.html#PathLengthAttribute
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/points/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ title: points
slug: Web/SVG/Reference/Attribute/points
page-type: svg-attribute
spec-urls:
- https://svgwg.org/svg2-draft/shapes.html#PolygonElementPointsAttribute
- https://svgwg.org/svg2-draft/shapes.html#PolylineElementPointsAttribute
- https://w3c.github.io/svgwg/svg2-draft/shapes.html#PolygonElementPointsAttribute
- https://w3c.github.io/svgwg/svg2-draft/shapes.html#PolylineElementPointsAttribute
sidebar: svgref
---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ slug: Web/SVG/Reference/Attribute/preserveAspectRatio
page-type: svg-attribute
spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-feimage-preserveaspectratio
- https://svgwg.org/svg2-draft/coords.html#PreserveAspectRatioAttribute
- https://w3c.github.io/svgwg/svg2-draft/coords.html#PreserveAspectRatioAttribute
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/refx/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ title: refX
slug: Web/SVG/Reference/Attribute/refX
page-type: svg-attribute
spec-urls:
- https://svgwg.org/svg2-draft/painting.html#MarkerElementRefXAttribute
- https://svgwg.org/svg2-draft/struct.html#SymbolElementRefXAttribute
- https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerElementRefXAttribute
- https://w3c.github.io/svgwg/svg2-draft/struct.html#SymbolElementRefXAttribute
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/refy/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ title: refY
slug: Web/SVG/Reference/Attribute/refY
page-type: svg-attribute
spec-urls:
- https://svgwg.org/svg2-draft/painting.html#MarkerElementRefYAttribute
- https://svgwg.org/svg2-draft/struct.html#SymbolElementRefYAttribute
- https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerElementRefYAttribute
- https://w3c.github.io/svgwg/svg2-draft/struct.html#SymbolElementRefYAttribute
sidebar: svgref
---

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/rx/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: rx
slug: Web/SVG/Reference/Attribute/rx
page-type: svg-attribute
spec-urls: https://svgwg.org/svg2-draft/geometry.html#RX
spec-urls: https://w3c.github.io/svgwg/svg2-draft/geometry.html#RX
sidebar: svgref
---

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/ry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: ry
slug: Web/SVG/Reference/Attribute/ry
page-type: svg-attribute
spec-urls: https://svgwg.org/svg2-draft/geometry.html#RY
spec-urls: https://w3c.github.io/svgwg/svg2-draft/geometry.html#RY
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/type/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -183,11 +183,11 @@ SVG elements: {{SVGElement("style")}}, {{SVGElement("script")}}
<th scope="row">Normative document</th>
<td>
<a
href="https://svgwg.org/svg2-draft/interact.html#ScriptElementTypeAttribute"
href="https://w3c.github.io/svgwg/svg2-draft/interact.html#ScriptElementTypeAttribute"
rel="external"
>Scalable Vector Graphics (SVG) 2</a
><br /><a
href="https://svgwg.org/svg2-draft/styling.html#StyleElementTypeAttribute"
href="https://w3c.github.io/svgwg/svg2-draft/styling.html#StyleElementTypeAttribute"
rel="external"
>Scalable Vector Graphics (SVG) 2</a
>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/viewbox/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: viewBox
slug: Web/SVG/Reference/Attribute/viewBox
page-type: svg-attribute
spec-urls: https://svgwg.org/svg2-draft/coords.html#ViewBoxAttribute
spec-urls: https://w3c.github.io/svgwg/svg2-draft/coords.html#ViewBoxAttribute
sidebar: svgref
---

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/svg/reference/attribute/width/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-width
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-primitive-width
- https://drafts.csswg.org/css-masking-1/#element-attrdef-mask-width
- https://svgwg.org/svg2-draft/geometry.html#Sizing
- https://svgwg.org/svg2-draft/pservers.html#PatternElementWidthAttribute
- https://w3c.github.io/svgwg/svg2-draft/geometry.html#Sizing
- https://w3c.github.io/svgwg/svg2-draft/pservers.html#PatternElementWidthAttribute
sidebar: svgref
---

Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/svg/reference/attribute/x/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-fepointlight-x
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-primitive-x
- https://drafts.csswg.org/css-masking-1/#element-attrdef-mask-x
- https://svgwg.org/svg2-draft/geometry.html#X
- https://svgwg.org/svg2-draft/pservers.html#PatternElementXAttribute
- https://svgwg.org/svg2-draft/text.html#TextElementXAttribute
- https://w3c.github.io/svgwg/svg2-draft/geometry.html#X
- https://w3c.github.io/svgwg/svg2-draft/pservers.html#PatternElementXAttribute
- https://w3c.github.io/svgwg/svg2-draft/text.html#TextElementXAttribute
sidebar: svgref
---

Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/svg/reference/attribute/y/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ spec-urls:
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-fepointlight-y
- https://drafts.csswg.org/filter-effects-1/#element-attrdef-filter-primitive-y
- https://drafts.csswg.org/css-masking-1/#element-attrdef-mask-y
- https://svgwg.org/svg2-draft/geometry.html#Y
- https://svgwg.org/svg2-draft/pservers.html#PatternElementYAttribute
- https://svgwg.org/svg2-draft/text.html#TextElementYAttribute
- https://w3c.github.io/svgwg/svg2-draft/geometry.html#Y
- https://w3c.github.io/svgwg/svg2-draft/pservers.html#PatternElementYAttribute
- https://w3c.github.io/svgwg/svg2-draft/text.html#TextElementYAttribute
sidebar: svgref
---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ In case of second shape, stroke has been rendered before fill.
In addition to setting attributes on objects, you can also use CSS to style fills and strokes. Not all attributes can be set via CSS. Attributes that deal with painting and filling are usually available, so `fill`, `stroke`, `stroke-dasharray`, etc. can all be set this way, in addition to the gradient and pattern versions of those shown below. Attributes like `width`, `height`, or {{SVGElement("path")}} commands cannot be set through CSS. It's easiest just to test and find out what is available and what isn't.

> [!NOTE]
> The [SVG specification](https://svgwg.org/svg2-draft/propidx.html) decides strictly between attributes that are _properties_ and other attributes. The former can be modified with CSS, the latter not.
> The [SVG specification](https://w3c.github.io/svgwg/svg2-draft/propidx.html) decides strictly between attributes that are _properties_ and other attributes. The former can be modified with CSS, the latter not.

CSS can be inserted inline with the element via the `style` attribute:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ SVG is a huge specification. This tutorial attempts to cover the basics. Once yo

## Flavors of SVG

Since becoming a recommendation in 2003, the most recent "full" SVG version is 1.1. It builds on top of SVG 1.0, but adds more modularization to ease implementation. [The second edition of SVG 1.1](https://www.w3.org/TR/SVG11/) became a Recommendation in 2011. "Full" SVG 1.2 was meant to be the next major release of SVG. It was dropped for the [SVG 2.0](https://svgwg.org/svg2-draft/) specification, which became a candidate recommendation in 2018 and is the current standard. SVG 2.0 follows a similar approach to CSS in that it splits components into several loosely coupled specifications, such as [SVG strokes](https://svgwg.org/specs/strokes/), [SVG paths](https://svgwg.org/specs/paths/), and [SVG markers](https://svgwg.org/specs/markers/).
Since becoming a recommendation in 2003, the most recent "full" SVG version is 1.1. It builds on top of SVG 1.0, but adds more modularization to ease implementation. [The second edition of SVG 1.1](https://www.w3.org/TR/SVG11/) became a Recommendation in 2011. "Full" SVG 1.2 was meant to be the next major release of SVG. It was dropped for the [SVG 2.0](https://w3c.github.io/svgwg/svg2-draft/) specification, which became a candidate recommendation in 2018 and is the current standard. SVG 2.0 follows a similar approach to CSS in that it splits components into several loosely coupled specifications, such as [SVG strokes](https://svgwg.org/specs/strokes/), [SVG paths](https://svgwg.org/specs/paths/), and [SVG markers](https://svgwg.org/specs/markers/).

Apart from the full SVG recommendations, the working group at the W3C introduced SVG Tiny and SVG Basic in 2003. These two profiles are aimed mainly at mobile devices. The first, SVG Tiny, should yield graphics primitives for small devices with low capabilities. SVG Basic offers many features of full SVG, but doesn't include the ones that are hard to implement or heavy to render (like animations). In 2008, SVG Tiny 1.2 became a W3C Recommendation.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -433,7 +433,7 @@ Move the position of the `:hover` pseudo-class from a specific petal to all peta

## Simplified structure

The SVG structure shown above could be written much more concise by referencing the individual parts of the flower via {{SVGElement("use")}} elements. This [behavior is standardized](https://svgwg.org/svg2-draft/struct.html#UseStyleInheritance), though only a few browsers support the {{cssxref(":hover")}} pseudo-class and other more complex CSS selectors on elements referenced via `<use>` elements, at the moment. There is [some discussion about what rules apply to such referenced elements](https://github.com/w3c/svgwg/issues/504).
The SVG structure shown above could be written much more concise by referencing the individual parts of the flower via {{SVGElement("use")}} elements. This [behavior is standardized](https://w3c.github.io/svgwg/svg2-draft/struct.html#UseStyleInheritance), though only a few browsers support the {{cssxref(":hover")}} pseudo-class and other more complex CSS selectors on elements referenced via `<use>` elements, at the moment. There is [some discussion about what rules apply to such referenced elements](https://github.com/w3c/svgwg/issues/504).

See below how the structure then looks like.

Expand Down
2 changes: 1 addition & 1 deletion files/jsondata/SpecData.json
Original file line number Diff line number Diff line change
Expand Up @@ -1581,7 +1581,7 @@
},
"SVG2": {
"name": "Scalable Vector Graphics (SVG) 2",
"url": "https://svgwg.org/svg2-draft/",
"url": "https://w3c.github.io/svgwg/svg2-draft/",
"status": "CR"
},
"Telephony API": {
Expand Down