HTML-Attribut: rel

Das rel-Attribut definiert die Beziehung zwischen einer verlinkten Ressource und dem aktuellen Dokument. Gültig bei <link>, <a>, <area> und <form>, hängen die unterstützten Werte vom Element ab, auf dem das Attribut zu finden ist.

Die Art der Beziehung wird durch den Wert des rel-Attributs angegeben, das, falls vorhanden, einen Wert haben muss, der eine ungeordnete Menge einzigartiger, durch Leerzeichen getrennter Schlüsselwörter ist. Anders als ein class-Name, der keine Semantik ausdrückt, muss das rel-Attribut Tokens ausdrücken, die sowohl für Maschinen als auch für Menschen semantisch gültig sind. Die aktuellen Register für die möglichen Werte des rel-Attributs sind das IANA link relation registry, der HTML Living Standard und die frei bearbeitbare existing-rel-values page im Microformats-Wiki, wie vorgeschlagen durch den Living Standard. Wenn ein rel-Attribut verwendet wird, das in keiner der obigen Quellen vorhanden ist, werden einige HTML-Validatoren (wie der W3C Markup Validation Service) eine Warnung generieren.

Die folgende Tabelle listet einige der wichtigsten vorhandenen Schlüsselwörter auf. Jedes Schlüsselwort innerhalb eines durch Leerzeichen getrennten Werts sollte innerhalb dieses Werts einzigartig sein.

`rel`-Wert	Beschreibung	`<link>`	`<a>` und `<area>`	`<form>`
`alternate`	Alternative Darstellungen des aktuellen Dokuments.	Link	Link	Nicht erlaubt
`author`	Autor des aktuellen Dokuments oder Artikels.	Link	Link	Nicht erlaubt
`bookmark`	Permalink für den nächsten Vorfahrenabschnitt.	Nicht erlaubt	Link	Nicht erlaubt
`canonical`	Bevorzugte URL für das aktuelle Dokument.	Link	Nicht erlaubt	Nicht erlaubt
`compression-dictionary`	Link zu einem Kompremierungs-Wörterbuch, das verwendet werden kann, um zukünftige Downloads für Ressourcen auf dieser Seite zu komprimieren.	Link	Nicht erlaubt	Nicht erlaubt
`dns-prefetch`	Sagt dem Browser, dass er präventiv eine DNS-Auflösung für den Ursprungsort der Zielressource durchführen soll.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`external`	Das referenzierte Dokument ist nicht Teil der gleichen Website wie das aktuelle Dokument.	Nicht erlaubt	Anmerkung	Anmerkung
`expect`	Wenn verwendet mit `blocking="render"`, ermöglicht es der Seite Render-Blockierung, bis die wesentlichen Teile des Dokuments analysiert werden, sodass sie konsistent gerendert wird.	Link	Nicht erlaubt	Nicht erlaubt
`help`	Link zu kontextbezogener Hilfe.	Link	Link	Link
`icon`	Ein Icon, das das aktuelle Dokument repräsentiert.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`license`	Gibt an, dass der Hauptinhalt des aktuellen Dokuments durch die Urheberrechtslizenz des referenzierten Dokuments abgedeckt ist.	Link	Link	Link
`manifest`	Web-App-Manifest.	Link	Nicht erlaubt	Nicht erlaubt
`me`	Gibt an, dass das aktuelle Dokument die Person repräsentiert, die den verlinkten Inhalt besitzt.	Link	Link	Nicht erlaubt
`modulepreload`	Sagt dem Browser, dass er das Skript präventiv abrufen und es in der Modulkarte des Dokuments für eine spätere Auswertung speichern soll. Optional können auch die Abhängigkeiten des Moduls abgerufen werden.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`next`	Gibt an, dass das aktuelle Dokument Teil einer Serie ist und dass das nächste Dokument in der Serie das referenzierte Dokument ist.	Link	Link	Link
`nofollow`	Gibt an, dass der ursprüngliche Autor oder Herausgeber des aktuellen Dokuments das referenzierte Dokument nicht unterstützt.	Nicht erlaubt	Anmerkung	Anmerkung
`noopener`	Erstellt einen übergeordneten Browsing-Kontext, der kein Hilfsbrowsing-Kontext ist, falls der Hyperlink einen der beiden von Anfang an erstellen würde (d.h. ein entsprechender `target`-Attributwert hat).	Nicht erlaubt	Anmerkung	Anmerkung
`noreferrer`	Kein `Referer`-Header wird enthalten sein. Darüber hinaus hat es den gleichen Effekt wie `noopener`.	Nicht erlaubt	Anmerkung	Anmerkung
`opener`	Erstellt einen Hilfsbrowsing-Kontext, wenn der Hyperlink andernfalls einen übergeordneten Browsing-Kontext erstellen würde, der kein Hilfsbrowsing-Kontext ist (d.h. `"_blank"` als `target`-Attributwert hat).	Nicht erlaubt	Anmerkung	Anmerkung
`pingback`	Gibt die Adresse des Pingback-Servers an, der Pingbacks an das aktuelle Dokument behandelt.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`preconnect`	Gibt an, dass der Benutzeragent präventiv eine Verbindung zum Ursprungsort der Zielressource herstellen soll.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`prefetch`	Gibt an, dass der Benutzeragent präventiv die Zielressource abrufen und zwischenspeichern soll, da es wahrscheinlich ist, dass sie für eine nachfolgende Navigation benötigt wird.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`preload`	Gibt an, dass der Benutzeragent die Zielressource für die aktuelle Navigation präventiv abrufen und zwischenspeichern muss, entsprechend der potenziellen Zielangabe durch das `as`-Attribut (und der Priorität, die mit dem entsprechenden Ziel verbunden ist).	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`prerender`	Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und in einer Weise verarbeiten soll, die dazu beiträgt, in der Zukunft eine schnellere Antwort zu liefern.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`prev`	Gibt an, dass das aktuelle Dokument ein Teil einer Serie ist und dass das vorherige Dokument in der Serie das referenzierte Dokument ist.	Link	Link	Link
`privacy-policy`	Gibt einen Link zu Informationen über die Datenverarbeitungs- und Nutzungspraxis an, die für das aktuelle Dokument gelten.	Link	Link	Nicht erlaubt
`search`	Gibt einen Link zu einer Ressource an, die verwendet werden kann, um im aktuellen Dokument und auf den zugehörigen Seiten zu suchen.	Link	Link	Link
`stylesheet`	Importiert ein Stylesheet.	Externe Ressource	Nicht erlaubt	Nicht erlaubt
`tag`	Gibt ein Tag an (identifiziert durch die angegebene Adresse), das für das aktuelle Dokument gilt.	Nicht erlaubt	Link	Nicht erlaubt
`terms-of-service`	Link zu den Vereinbarungen oder den Nutzungsbedingungen zwischen dem Anbieter des Dokuments und den Benutzern, die das Dokument verwenden möchten.	Link	Link	Nicht erlaubt

Das rel-Attribut ist relevant für die <link>, <a>, <area>, und <form>-Elemente, aber einige Werte sind nur für eine Teilmenge dieser Elemente relevant. Wie bei allen HTML-Schlüsselwort-Attributwerten sind diese Werte nicht fall-sensitiv.

Das rel-Attribut hat keinen Standardwert. Wenn das Attribut ausgelassen wird oder wenn keiner der Werte im Attribut unterstützt wird, hat das Dokument keine besondere Beziehung zur Zielressource außer der Tatsache, dass ein Hyperlink zwischen den beiden besteht. In diesem Fall, bei <link> und <form>, wenn das rel-Attribut fehlt, keine Schlüsselwörter enthält oder nicht eines oder mehr der oben genannten Leerzeichentrennenden Schlüsselwörter vorhanden sind, dann erstellt das Element keine Links. <a> und <area> werden weiterhin Links erstellen, jedoch ohne eine definierte Beziehung.

Wert

alternate

Weist auf eine alternative Darstellung des aktuellen Dokuments hin. Gültig für <link>, <a> und <area>, hängt die Bedeutung von den Werten der anderen Attribute ab.

Mit dem stylesheet-Schlüsselwort auf einem <link> erstellt es ein alternatives Stylesheet.

html

<!-- a persistent style sheet -->
<link rel="stylesheet" href="default.css" />
<!-- alternate style sheets -->
<link
  rel="alternate stylesheet"
  href="highcontrast.css"
  title="High contrast" />

Mit einem hreflang-Attribut, das sich von der Dokumentensprache unterscheidet, zeigt es eine Übersetzung an.
Mit einem type-Attributwert von "application/rss+xml" oder "application/atom+xml" erstellt es einen Hyperlink zu einem Syndication-Feed.
html
```
<link
  rel="alternate"
  type="application/atom+xml"
  href="posts.xml"
  title="Blog" />
```
Andernfalls erstellt es einen Hyperlink, der eine alternative Darstellung des aktuellen Dokuments referenziert, deren Art durch die hreflang- und type-Attribute angegeben wird.
- Wenn hreflang zusammen mit alternate angegeben ist und der Wert von hreflang sich von der Sprache des aktuellen Dokuments unterscheidet, wird angezeigt, dass das referenzierte Dokument eine Übersetzung ist.
- Wenn type zusammen mit alternate angegeben ist, zeigt es an, dass das referenzierte Dokument ein alternatives Format (wie ein PDF) ist.
- Die hreflang- und type-Attribute können beide zusammen mit alternate angegeben werden.
html
```
<link
  rel="alternate"
  href="/fr/html/print"
  hreflang="fr"
  type="text/html"
  media="print"
  title="French HTML (for printing)" />
<link
  rel="alternate"
  href="/fr/pdf"
  hreflang="fr"
  type="application/pdf"
  title="French PDF" />
```

author

Gibt an, dass das referenzierte Dokument weitere Informationen über den Autor des aktuellen Dokuments oder Artikels bereitstellt. Relevant für <link>, <a>, und <area>-Elemente.

Bei <a> und <area> zeigt es an, dass das verlinkte Dokument (oder mailto:) Informationen über den Autor des nächsten <article>-Vorfahren bereitstellt, wenn es einen gibt, andernfalls über das gesamte Dokument.

Bei <link> repräsentiert es den Autor des gesamten Dokuments.

Hinweis: Aus historischen Gründen wird der veraltete Attributwert rev="made" als rel="author" behandelt.

bookmark

Relevanter rel-Attributwert für die <a> und <area>-Elemente. Gibt einen Permalink für das nächste Vorfahren-<article>-Element an, falls eines vorhanden ist. Wenn kein Vorfahren-<article>-Element vorhanden ist, gibt es einen Permalink für den Abschnitt an, mit dem das verlinkende Element am engsten verbunden ist.

canonical

Gültig für <link>, es definiert die bevorzugte URL für das aktuelle Dokument, was Suchmaschinen hilft, doppelte Inhalte zu reduzieren.

compression-dictionary Experimentell

Gültig für <link>, es definiert ein Kompremierungs-Wörterbuch, das verwendet werden kann, um zukünftige Downloads für Ressourcen auf dieser Seite zu komprimieren, sodass die Download-Größen dieser Ressourcen kleiner sind als bei standardmäßiger Komprimierung.

dns-prefetch

Relevant für das <link>-Element sowohl im <body> als auch im <head>, erzählt es dem Browser, dass er präventiv eine DNS-Auflösung für den Ursprungsort der Zielressource durchführen soll. Nützlich für Ressourcen, die der Benutzer wahrscheinlich benötigt, hilft es, die Latenz zu reduzieren und dadurch die Leistung zu verbessern, wenn der Benutzer auf die Ressourcen zugreift, da der Browser präventiv eine DNS-Auflösung für den Ursprung der angegebenen Ressource durchgeführt hat. Siehe dns-prefetch beschrieben in resource hints.

external

Relevant für <form>, <a>, und <area>, es zeigt an, dass das referenzierte Dokument nicht Teil der aktuellen Website ist. Dies kann mit Attributselektoren verwendet werden, um externe Links in einer Weise zu gestalten, die dem Benutzer anzeigt, dass er die aktuelle Website verlässt.

expect Experimentell

Ermöglicht der Seite, Render-Blockierung, bis die wesentlichen Teile des Dokuments analysiert werden, sodass sie konsistent gerendert wird. Beachten Sie, dass die Render-Blockierung nur erfolgt, wenn sie mit dem blocking="render"-Attribut ergänzt wird.

Hinweis: Siehe Stabilizing page state to make cross-document transitions consistent für weitere Informationen zu ihrer Verwendung.

help

Relevant für <form>, <link>, <a>, und <area>, das help-Schlüsselwort zeigt an, dass der verlinkte Inhalt kontextbezogene Hilfe bietet und Informationen für das übergeordnete Element des Hyperlink-definierenden Elements und deren Kinder bereitstellt. Bei Verwendung innerhalb eines <link> dient die Hilfe für das gesamte Dokument. Bei <a> und <area> wird bei Unterstützung der Standard-cursor help anstelle von pointer sein.

icon

Gültig bei <link>, stellt die verlinkte Ressource das Icon dar, eine Ressource, um die Seite in der Benutzeroberfläche für das aktuelle Dokument darzustellen.

Der häufigste Gebrauch des icon-Werts ist das Favicon:

html

<link rel="icon" href="favicon.ico" />

Wenn es mehrere <link rel="icon"> gibt, verwendet der Browser deren media, type, und sizes-Attribute um das am besten passende Icon auszuwählen. Wenn mehrere Icons gleichermaßen geeignet sind, wird das letzte verwendet. Wenn das am besten passende Icon später als ungeeignet gefunden wird, zum Beispiel weil es ein nicht unterstütztes Format verwendet, kehrt der Browser zum nächsten am besten passenden zurück, und so weiter.

Hinweis: Das crossorigin-Attribut wird in Chromium-basierten Browsern für rel="icon" nicht unterstützt. Siehe die open Chromium issue.

Hinweis: Apples iOS verwendet diesen Linktyp nicht, noch das sizes-Attribut, wie es andere mobile Browser tun, um ein Webseiten-Icon für Web Clip oder einen Startbildschirm-Platzhalter auszuwählen. Stattdessen verwendet es das nicht standardmäßige apple-touch-icon und apple-touch-startup-image entsprechend.

Hinweis: Der shortcut Linktyp wird oft vor icon gesehen, aber dieser Linktyp ist nicht konform, ignoriert und Web-Autoren dürfen ihn nicht mehr verwenden.

license

Gültig bei den <a>, <area>, <form>, <link> Elementen, zeigt der license Wert an, dass der Hyperlink zu einem Dokument führt, das die Lizenzinformationen beschreibt; dass der Hauptinhalt des aktuellen Dokuments durch die Urheberrechtslizenz des referenzierten Dokuments abgedeckt wird. Wenn es sich nicht im <head>-Element befindet, unterscheidet der Standard nicht zwischen einem Hyperlink, der auf einen bestimmten Teil des Dokuments oder auf das gesamte Dokument angewendet wird. Nur die Daten auf der Seite können dies anzeigen.

html

<link rel="license" href="#license" />

Hinweis: Obwohl anerkannt, ist das Synonym copyright nicht korrekt und sollte vermieden werden.

manifest

Web-App-Manifest. Erfordert die Verwendung des CORS-Protokolls für das Abrufen von Cross-Origin-Inhalten.

modulepreload

Nützlich zur Verbesserung der Leistung und relevant für das <link> überall im Dokument, das Setzen von rel="modulepreload" sagt dem Browser, dass er das Skript (und Abhängigkeiten) präventiv abrufen und es in der Modulkarte des Dokuments zur späteren Auswertung speichern soll. modulepreload-Links können sicherstellen, dass das Netzwerkabrufen mit dem Modul bereit (aber nicht ausgewertet) in der Modulkarte erfolgt, bevor es notwendigerweise benötigt wird. Siehe auch modulepreload.

next

Relevant für <form>, <link>, <a>, und <area>, zeigt der next-Wert an, dass das aktuelle Dokument ein Teil einer Serie ist und dass das nächste Dokument in der Serie das referenzierte Dokument ist. Bei Aufnahme in einem <link>, können Browser annehmen, dass das Dokument als nächstes abgerufen wird, und es als Ressourcentipp behandeln.

nofollow

Relevant für <form>, <a>, und <area>, das nofollow-Schlüsselwort weist Suchmaschinen-Crawler an, die Link-Beziehung zu ignorieren. Die nofollow-Beziehung kann darauf hinweisen, dass der Inhaber des aktuellen Dokuments das referenzierte Dokument nicht unterstützt. Es wird oft von Suchmaschinenoptimierern eingefügt, die vorgeben, dass ihre Linkfarmen keine Spam-Seiten sind.

noopener

Relevant für <form>, <a>, und <area>, erstellt einen übergeordneten Browsing-Kontext, der kein Hilfsbrowsing-Kontext ist, wenn der Hyperlink entweder einen dieser Kontexte von Anfang an erstellen würde (d.h. ein entsprechender target-Attributwert hat). Mit anderen Worten, es lässt den Link so verhalten, als ob window.opener null wäre und target="_parent" gesetzt wäre.

Dies ist das Gegenteil von opener.

noreferrer

Relevant für <form>, <a>, und <area>, einschließlich dieses Werts macht den Referrer unbekannt (kein Referer-Header wird enthalten sein), und erstellt einen übergeordneten Browsing-Kontext, als ob noopener auch gesetzt wäre.

opener

Erstellt einen Hilfsbrowsing-Kontext, falls der Hyperlink andernfalls einen übergeordneten Browsing-Kontext erstellen würde, der kein Hilfsbrowsing-Kontext ist (d.h. hat "_blank" als target-Attributwert). Effektiv das Gegenteil von noopener.

pingback

Gibt die Adresse des Pingback-Servers an, der Pingbacks an das aktuelle Dokument behandelt. Siehe die Pingback-Spezifikation.

preconnect

Bietet dem Browser einen Tipp, dass er im Voraus eine Verbindung zur verlinkten Website herstellen soll, ohne private Informationen offenzulegen oder Inhalte herunterzuladen, sodass die verlinkten Inhalte schneller abgerufen werden können, wenn der Link gefolgt wird.

prefetch

Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und zwischenspeichern soll, da es wahrscheinlich ist, dass sie für eine nachfolgende Navigation benötigt wird. Siehe prefetch für weitere Informationen.

preload

Gibt an, dass der Benutzeragent die Zielressource für die aktuelle Navigation präventiv abrufen und zwischenspeichern muss, entsprechend der potenziellen Zielangabe durch das as-Attribut (und der Priorität, die mit dem entsprechenden Ziel verbunden ist). Siehe die Seite für den preload-Wert.

prerender Veraltet Nicht standardisiert

Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und in einer Weise verarbeiten soll, die dazu beiträgt, in der Zukunft eine schnellere Antwort zu liefern, z. B. durch Abrufen seiner Unterressourcen oder der Durchführung einiger Rendering-Prozesse.

prev

Ähnlich wie das Schlüsselwort next, relevant für <form>, <link>, <a>, und <area>, zeigt der prev-Wert an, dass das aktuelle Dokument ein Teil einer Serie ist und dass der Link auf ein vorheriges Dokument in der Serie verweist.

Hinweis: Das Synonym previous ist nicht korrekt und sollte nicht verwendet werden.

privacy-policy

Gültig für <a>, <area>, und <link>-Elemente, zeigt der privacy-policy-Wert an, dass das referenzierte Dokument die Datenschutzrichtlinie ist, die die Datenverarbeitungs- und Nutzungspraxis des aktuellen Dokuments beschreibt.

search

Relevant für <form>, <link>, <a>, und <area>-Elemente, zeigt das search-Schlüsselwort an, dass der Hyperlink auf ein Dokument verweist, deren Oberfläche speziell zum Durchsuchen des aktuellen Dokuments, der Website und der verwandten Ressourcen entwickelt wurde, und bietet einen Link zu einer Ressource, die für die Suche verwendet werden kann.

Wenn das type-Attribut auf application/opensearchdescription+xml gesetzt ist, handelt es sich bei der Ressource um ein OpenSearch-Plugin, das leicht zur Benutzeroberfläche von Firefox hinzugefügt werden kann.

stylesheet

Gültig für das <link>-Element, importiert es eine externe Ressource, die als Stylesheet verwendet werden soll. Das type-Attribut ist nicht erforderlich, wenn es sich um ein text/css-Stylesheet handelt, da dies der Standardwert ist. Wenn es sich nicht um ein text/css-Stylesheet handelt, ist es am besten, den Typ zu deklarieren.

Während dieses Attribut den Link als ein Stylesheet definiert, beeinflusst die Interaktion mit anderen Attributen und anderen Schlüsselbegriffen innerhalb des rel-Werts, ob das Stylesheet heruntergeladen und/oder verwendet wird.

Wenn es mit dem alternate-Schlüsselwort verwendet wird, definiert es ein alternatives Stylesheet. In diesem Fall sollte ein nichtleeres title hinzugefügt werden.

Das externe Stylesheet wird nicht verwendet oder sogar heruntergeladen, wenn das Medium nicht mit dem Wert des media-Attributs übereinstimmt.

Erfordert die Verwendung des CORS-Protokolls für das Abrufen von Cross-Origin-Inhalten.

tag

Gültig für die <a>, und <area>-Elemente, gibt es ein Tag an (identifiziert durch die angegebene Adresse), das für das aktuelle Dokument gilt. Der Tagwert zeigt an, dass der Link auf ein Dokument verweist, das ein auf das Dokument anwendbares Tag beschreibt, auf dem es sich befindet. Dieser Linktyp ist nicht für Tags innerhalb einer Tag-Wolke gedacht, da diese Tags auf eine Gruppe von Seiten angewendet werden, während der tag-Wert des rel-Attributs für ein einzelnes Dokument gilt.

terms-of-service

Gültig für <a>, <area>, und <link>-Elemente, zeigt der terms-of-service-Wert an, dass das referenzierte Dokument die Nutzungsbedingungen darstellt, die die Vereinbarungen zwischen dem Anbieter des aktuellen Dokuments und den Benutzern beschreiben, die das bereitgestellte Dokument verwenden möchten.

Nicht-standardmäßige Werte

apple-touch-icon: Gibt das Symbol für eine Webanwendung auf einem iOS-Gerät an.

Spezifikationen

Specification
HTML # linkTypes
HTML # attr-hyperlink-rel
HTML # attr-form-rel

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML-Attribut: rel

Wert

Nicht-standardmäßige Werte

Spezifikationen

Browser-Kompatibilität

html.elements.link.rel

html.elements.a.rel

html.elements.area.rel

html.elements.form.rel

Siehe auch

Help improve MDN