id
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das id-Attribut weist einem Element einen eindeutigen Namen zu.
Sie können dieses Attribut mit jedem SVG-Element verwenden.
Beispiel
<svg
width="120"
height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<style>
<![CDATA[
#smallRect {
stroke: #000066;
fill: #00cc00;
}
]]>
</style>
<rect id="smallRect" x="10" y="10" width="100" height="100" />
</svg>
Nutzungshinweise
| Wert | <id> |
|---|---|
| Standardwert | Keine |
| Animierbar | Nein |
- <id>
-
Bestimmt die ID des Elements. Die ID muss eindeutig innerhalb des Knotens sein, darf kein leerer String sein und keine Leerzeichen enthalten.
Hinweis: Sie sollten
id-Werte vermeiden, die als SVG-Ansichtsspezifikation gelesen werden würden (z. B.MyDrawing.svg#svgView(viewBox(0,200,1000,1000))) oder ein grundlegendes Medienfragment darstellen, wenn sie als URL-Ziel verwendet werden.Die ID muss in XML-Dokumenten gültig sein. Ein eigenständiges SVG-Dokument verwendet die XML 1.0-Syntax, die angibt, dass gültige IDs nur bestimmte Zeichen (Buchstaben, Ziffern und einige Satzzeichen) enthalten und nicht mit einer Ziffer, einem Punkt (.) oder einem Bindestrich (-) beginnen.
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # Core.attrib |