id

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das id-Attribut weist einem Element einen eindeutigen Namen zu.

Sie können dieses Attribut mit jedem SVG-Element verwenden.

Beispiel

html
<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>

Verwendungshinweise

Wert <id>
Standardwert Keiner
Animierbar Nein
<id>

Gibt die ID des Elements an. Die ID muss innerhalb des Knoteninhaltsbaums eindeutig sein, darf nicht als leerer String angegeben werden und darf keine Leerzeichen enthalten.

Hinweis: Sie sollten die Verwendung von id-Werten vermeiden, die als eine SVG-Ansichtsspezifikation (z. B. MyDrawing.svg#svgView(viewBox(0,200,1000,1000))) oder ein grundlegendes Medienfragment geparst werden, wenn sie als URL-Ziel-Fragment verwendet werden.

Sie muss in XML-Dokumenten gültig sein. Ein eigenständiges SVG-Dokument verwendet die XML 1.0-Syntax, welche 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

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
id

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch