xlink:href
Deprecated
Avoid using this feature in new projects. SVG 2 omittted some parts of SVG 1.1 to "improv[e] the usability and precision of the language." This feature may be a candidate for removal from web standards or browsers.>
Consider using the following features instead: SVG oder @font-face.>
Das Attribut xlink:href definiert einen Verweis auf eine Ressource als Referenz-IRI. Die genaue Bedeutung dieses Verweises hängt vom jeweiligen Element ab, das ihn verwendet.
Hinweis:
SVG 2 hat die Notwendigkeit des xlink-Namensraums beseitigt. Verwenden Sie daher href anstelle von xlink:href. Wenn Sie ältere Browserversionen unterstützen müssen, können Sie das veraltete Attribut xlink:href zusätzlich zum Attribut href als Fallback verwenden, z. B. <use href="some-id" xlink:href="some-id" x="5" y="5" />.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
a
Für <a> definiert xlink:href die Position des referenzierten Objekts.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
animate, animateMotion, animateTransform, set
Für <animate>, <animateMotion>, <animateTransform> und <set> definiert xlink:href den Verweis auf das Zielelement der Animation, das sich dadurch im Zeitverlauf verändert.
Das Zielelement muss Teil des aktuellen SVG-Dokumentfragments sein.
Der Wert muss auf genau ein Zielelement verweisen, das als Ziel der jeweiligen Animation geeignet ist.
Wenn das Attribut xlink:href nicht angegeben ist, ist das unmittelbar übergeordnete Element des aktuellen Animationselements das Zielelement.
Welche Einschränkungen für die Zielelemente bestimmter Animationstypen gelten, erfahren Sie in den Beschreibungen der einzelnen Animationselemente.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
feImage
Für <feImage> definiert xlink:href den Verweis auf die Bildquelle.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
filter
Für <filter> definiert xlink:href den Verweis auf ein anderes <filter>-Element innerhalb des aktuellen SVG-Dokumentfragments. Alle Attribute, die für das referenzierte <filter>-Element, aber nicht für dieses Element definiert sind, werden von diesem Element geerbt. Wenn für dieses Element keine Filterknoten definiert sind, für das referenzierte Element jedoch schon (möglicherweise aufgrund seines eigenen Attributs xlink:href), erbt dieses Element die Filterknoten des referenzierten <filter>-Elements. Die Vererbung kann über beliebig viele Ebenen indirekt erfolgen: Wenn das referenzierte <filter>-Element aufgrund seines eigenen Attributs xlink:href Attribute oder Filterknotendefinitionen erbt, kann das aktuelle Element diese ebenfalls erben.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
image
Für <image> definiert xlink:href die Position des referenzierten Bildes.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
linearGradient
Für <linearGradient> definiert xlink:href den Verweis auf ein anderes <linearGradient>- oder <radialGradient>-Element innerhalb des aktuellen SVG-Dokumentfragments. Alle <linearGradient>-Attribute, die für das referenzierte Element, aber nicht für dieses Element definiert sind, werden von diesem Element geerbt. Wenn für dieses Element keine Verlaufsstopps definiert sind, für das referenzierte Element jedoch schon (möglicherweise aufgrund seines eigenen Attributs xlink:href), erbt dieses Element die Verlaufsstopps des referenzierten Elements. Die Vererbung kann über beliebig viele Ebenen indirekt erfolgen: Wenn das referenzierte Element aufgrund seines eigenen Attributs xlink:href Attribute oder Verlaufsstopps erbt, kann das aktuelle Element diese ebenfalls erben.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
mpath
Für <mpath> definiert xlink:href den Verweis auf das <path>-Element, das den Bewegungspfad festlegt.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
pattern
Für <pattern> definiert xlink:href den Verweis auf ein anderes <pattern>-Element innerhalb des aktuellen SVG-Dokumentfragments. Alle Attribute, die für das referenzierte Element, aber nicht für dieses Element definiert sind, werden von diesem Element geerbt. Wenn dieses Element keine Kindelemente hat, das referenzierte Element jedoch schon (möglicherweise aufgrund seines eigenen Attributs xlink:href), erbt dieses Element die Kindelemente des referenzierten Elements. Die Vererbung kann über beliebig viele Ebenen indirekt erfolgen: Wenn das referenzierte Element aufgrund seines eigenen Attributs xlink:href Attribute oder Kindelemente erbt, kann das aktuelle Element diese ebenfalls erben.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
radialGradient
Für <radialGradient> definiert xlink:href den Verweis auf ein anderes <linearGradient>- oder <radialGradient>-Element innerhalb des aktuellen SVG-Dokumentfragments. Alle <radialGradient>-Attribute, die für das referenzierte Element, aber nicht für dieses Element definiert sind, werden von diesem Element geerbt. Wenn für dieses Element keine Verlaufsstopps definiert sind, für das referenzierte Element jedoch schon (möglicherweise aufgrund seines eigenen Attributs xlink:href), erbt dieses Element die Verlaufsstopps des referenzierten Elements. Die Vererbung kann über beliebig viele Ebenen indirekt erfolgen: Wenn das referenzierte Element aufgrund seines eigenen Attributs xlink:href Attribute oder Verlaufsstopps erbt, kann das aktuelle Element diese ebenfalls erben.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
script
Für <script> definiert xlink:href einen Verweis auf eine externe Ressource, die den Skriptcode enthält.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
textPath
Für <textPath> definiert xlink:href einen Verweis auf das <path>-Element, entlang dessen die Glyphen gerendert werden.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
use
Für <use> definiert xlink:href die Position des referenzierten Objekts.
| Wert |
<iri>
|
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
Beispiel
<svg viewBox="0 0 160 40" xmlns="http://www.w3.org/2000/svg">
<a xlink:href="https://developer.mozilla.org/">
<text x="10" y="25">MDN Web Docs</text>
</a>
</svg>
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2> # XLinkHrefAttribute> |