target

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 target-Attribut sollte verwendet werden, wenn es mehrere mögliche Ziele für die Endressource gibt, zum Beispiel, wenn das übergeordnete Dokument innerhalb eines HTML- oder XHTML-Dokuments eingebettet ist oder mit einem Tab-Browser betrachtet wird. Dieses Attribut spezifiziert den Namen des Browsing-Kontexts (z. B. ein Browser-Tab oder ein (X)HTML-<iframe>- oder <object>-Element), in das ein Dokument geöffnet werden soll, wenn der Link aktiviert wird:

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

<a>

Beispiel

html,
body,
svg {
  height: 100%;
}

text {
  font:
    20px Arial,
    Helvetica,
    sans-serif;
  fill: blue;
  text-decoration: underline;
}

html

<svg viewBox="0 0 300 120" xmlns="http://www.w3.org/2000/svg">
  <a href="https://developer.mozilla.org" target="_self">
    <text x="0" y="20">Open link within iframe</text>
  </a>
  <a href="https://developer.mozilla.org" target="_blank">
    <text x="0" y="60">Open link in new tab or window</text>
  </a>
  <a href="https://developer.mozilla.org" target="_top">
    <text x="0" y="100">Open link in this tab or window</text>
  </a>
</svg>

Verwendungshinweise

Wert	`_self` \| `_parent` \| `_top` \| `_blank` \| `<XML-Name>`
Standardwert	`_self`
Animierbar	Ja

_replace Veraltet: Das aktuelle SVG-Bild wird durch den verlinkten Inhalt im selben rechteckigen Bereich im selben Rahmen wie das aktuelle SVG-Bild ersetzt.

Hinweis: Dieser Wert wurde nie gut implementiert, und der Unterschied zwischen _replace und _self wurde durch Änderungen in der HTML-Definition von Browsing-Kontexten überflüssig gemacht. Verwenden Sie _self, um das aktuelle SVG-Dokument zu ersetzen.
_self: Das aktuelle SVG-Bild wird durch den verlinkten Inhalt im selben Browsing-Kontext wie das aktuelle SVG-Bild ersetzt.
_parent: Der unmittelbare übergeordnete Browsing-Kontext des SVG-Bildes wird, falls vorhanden und sicher zugänglich, durch den verlinkten Inhalt ersetzt.
_top: Der Inhalt des gesamten aktiven Fensters oder Tabs wird, falls vorhanden und sicher zugänglich, durch den verlinkten Inhalt ersetzt.
_blank: Ein neues unbenanntes Fenster oder Tab wird für die Anzeige des verlinkten Inhalts angefordert, falls dieses Dokument dies sicher tun kann. Wenn das Benutzerprogramm mehrere Fenster/Tabs nicht unterstützt, ist das Ergebnis dasselbe wie bei _top.
<XML-Name>: Gibt den Namen des Browsing-Kontexts (Tab, Inline-Frame, Objekt usw.) für die Anzeige des verlinkten Inhalts an. Wenn ein Kontext mit diesem Namen bereits existiert, und sicher von diesem Dokument aus zugänglich ist, wird er wiederverwendet, wobei der vorhandene Inhalt ersetzt wird. Wenn er nicht existiert, wird er erstellt (das gleiche wie _blank, außer dass er jetzt einen Namen hat). Der Name muss ein gültiger XML-Name [XML11] sein und sollte nicht mit einem Unterstrich (U+005F LOW LINE character) beginnen, um die Anforderungen eines gültigen Browsing-Kontextnamens aus HTML zu erfüllen.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # AElementTargetAttribute

Browser-Kompatibilität

BCD tables only load in the browser