data-*

Die data-* SVG-Attribute werden als benutzerdefinierte Datenattribute bezeichnet. Sie ermöglichen es, dass SVG-Markup und sein resultierendes DOM Informationen teilen, die Standardattribute nicht können, normalerweise für Scripting-Zwecke. Deren benutzerdefinierte Daten sind über das SVGElement-Interface des Elements verfügbar, zu dem die Attribute gehören, mit der SVGElement.dataset-Eigenschaft.

Das * kann durch beliebige Zeichen ersetzt werden, die in den XML-Regeln für Namen erlaubt sind, mit den folgenden Einschränkungen:

  • Darf nicht mit xml beginnen.
  • Keine Semikolons (;, U+003A).
  • Keine Großbuchstaben A bis Z.

Hinweis: Die SVGElement.dataset-Eigenschaft ist ein DOMStringMap, das das Attribut data-test-value über SVGElement.dataset.testValue bereitstellt. Bindestrich-Zeichen (-, U+002D) werden entfernt und der nächste Buchstabe wird groß geschrieben, was zu einem Camel Case-Format führt.

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

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# DataAttributes

Browser-Kompatibilität

Siehe auch