Dasrel Attribut definiert die Beziehung zwischen einer verlinkten Ressource und dem aktuellen Dokument. Es ist gültig auf<link>,<a>,<area>, und<form>, die unterstützten Werte hängen von dem Element ab, auf dem das Attribut zu finden ist.

Der Typ der Beziehungen wird durch den Wert desrel Attributs angegeben, das, falls vorhanden, einen Wert haben muss, der eine ungeordnete Menge an eindeutigen, durch Leerzeichen getrennten Schlüsselwörtern darstellt. Anders als einclass Name, der keine Semantik ausdrückt, muss dasrel Attribut Tokens ausdrücken, die sowohl für Maschinen als auch Menschen semantisch gültig sind. Die aktuellen Register für die möglichen Werte desrel Attributs sind dasIANA-Link-Beziehungsregister, derHTML Living Standard und die frei bearbeitbareSeite bestehender rel-Werte im Microformats-Wiki,wie vorgeschlagen durch den Living Standard. Wird einrel Attribut verwendet, das in keiner der drei oben genannten Quellen vorhanden ist, werden einige HTML-Validatoren (wie derW3C Markup Validation Service) eine Warnung erzeugen.

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

Dasrel Attribut ist relevant für die<link>,<a>,<area> und<form> Elemente, aber einige Werte sind nur für eine Untermenge dieser Elemente relevant. Wie alle HTML-Schlüsselwort-Attributwerte sind diese Werte nicht case-sensitive.

Dasrel Attribut hat keinen Standardwert. Wird das Attribut weggelassen oder ist keiner der Werte im Attribut unterstützt, hat das Dokument keine besondere Beziehung zur Zielressource, außer dass ein Hyperlink zwischen beiden besteht. In diesem Fall, bei<link> und<form>, wenn dasrel Attribut fehlt, keine Schlüsselwörter vorhanden sind oder wenn keiner oder mehr der oben stehenden, mit Leerzeichen getrennten Schlüsselwörter vorhanden sind, erstellt das Element keine Links.<a> und<area> werden weiterhin Links erstellen, aber ohne definierte Beziehung.

Wert

alternate

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

• Mit demstylesheet Schlüsselwort auf einem<link>, erstellt es einalternatives 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 einemhreflang Attribut, das sich von der Sprache des Dokuments unterscheidet, zeigt es eine Übersetzung an.

• Mit demtype Attributwert von"application/rss+xml" oder"application/atom+xml", erstellt es einen Hyperlink zur Syndikation eines Feeds.

  html

  <link  rel="alternate"  type="application/atom+xml"  href="posts.xml"  title="Blog" />

• Andernfalls erstellt es einen Hyperlink zu einer alternativen Darstellung des aktuellen Dokuments, deren Art durch diehreflang undtype Attribute angegeben ist.

  • Isthreflang zusammen mitalternate gegeben, und der Wert vonhreflang unterscheidet sich von der Sprache des aktuellen Dokuments, zeigt es an, dass das referenzierte Dokument eine Übersetzung ist.
  • Wenntype zusammen mitalternate angegeben ist, zeigt es an, dass das referenzierte Dokument ein alternatives Format (wie z.B. eine PDF-Datei) ist.
  • Die Attributehreflang undtype können beide zusammen mitalternate 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.

Mit<a> und<area> zeigt es an, dass das verlinkte Dokument (odermailto:) Informationen über den Autor des nächstgelegenen<article> Vorgängers liefert, falls vorhanden, andernfalls über das gesamte Dokument.

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

Hinweis:Aus historischen Gründen wird der veraltete Attributwertrev="made" alsrel="author" behandelt.

bookmark

Relevant alsrel Attributwert für die<a> und<area> Elemente. Gibt einen Permalink für das nächstgelegene übergeordnete<article> Element an, falls vorhanden. Wenn kein übergeordnetes<article> Element vorhanden ist, gibt es einen Permalink für den Abschnitt an, dem das verlinkende Element am nächsten zugeordnet 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-dictionaryExperimentell

Gültig für<link>, es definiert einKompressionswörterbuch, das verwendet werden kann, um zukünftige Downloads für Ressourcen auf dieser Seite zu komprimieren, sodass die Downloadgrößen dieser Ressourcen kleiner als die Standardkompression sind.

dns-prefetch

Relevant für das<link> Element sowohl im<body> als auch im<head>, es weist den Browser an, die DNS-Auflösung für den Ursprung der Zielressource präventiv durchzuführen. 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 die DNS-Auflösung für den Ursprung der angegebenen Ressource präventiv durchgeführt hat. Siehedns-prefetch beschrieben inresource hints.

external

Relevant für<form>,<a> und<area>, es zeigt an, dass das referenzierte Dokument nicht Teil der aktuellen Seite ist. Dies kann mit Attributselektoren verwendet werden, um externe Links so zu stylen, dass dem Benutzer angezeigt wird, dass er die aktuelle Seite verlassen wird.

expectExperimentell

Erlaubt es, dass die SeiteRender-Blockade aktiviert wird, bis die wesentlichen Teile des Dokuments geparst werden, sodass sie konsistent gerendert wird. Beachten Sie, dass die Render-Blockade nur auftritt, wenn sie mit demblocking="render" Attribut ergänzt wird.

Hinweis:Weitere Informationen zur Verwendung finden Sie unterStabilizing page state to make cross-document transitions consistent.

help

Relevant für<form>,<link>,<a> und<area>, dashelp Schlüsselwort zeigt an, dass der verlinkte Inhalt kontextsensitive Hilfe bietet, Informationen für das übergeordnete Element, das den Hyperlink definiert, und dessen Kinder. Wenn es innerhalb von<link> verwendet wird, ist die Hilfe für das ganze Dokument. Wenn es bei<a> und<area> enthalten ist und unterstützt wird, ist der Standardcursorhelp anstattpointer.

icon

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

Die häufigste Verwendung desicon Wertes ist das Favicon:

html

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

Wenn es mehrere<link rel="icon"> gibt, verwendet der Browser derenmedia,type undsizes Attribute, um das am besten geeignete Icon auszuwählen. Wenn mehrere Icons gleichermaßen geeignet sind, wird das letzte verwendet. Wenn das am besten geeignete Icon später als ungeeignet empfunden wird, zum Beispiel weil es ein nicht unterstütztes Format verwendet, geht der Browser zum nächstbesten Icon über, und so weiter.

Hinweis:Dascrossorigin Attribut wird nicht fürrel="icon" in Chromium-basierten Browsern unterstützt. Siehe dasoffene Chromium-Problem.

Hinweis:Apples iOS verwendet diesen Link-Typ nicht, noch dassizes Attribut, wie andere mobile Browser es tun, um ein Webseiten-Icon für ein Web Clip oder einen Start-Platzhalter auszuwählen. Stattdessen verwendet es das nicht-standardisierteapple-touch-icon undapple-touch-startup-image entsprechend.

Hinweis:Dershortcut Link-Typ wird häufig voricon gesehen, aber dieser Link-Typ ist nicht konform, ignoriert undWebautoren dürfen ihn nicht mehr verwenden.

license

Gültig auf den<a>,<area>,<form>,<link> Elementen, derlicense Wert zeigt an, dass der Hyperlink zu einem Dokument führt, das die Lizenzinformationen beschreibt; dass der Hauptinhalt des aktuellen Dokuments durch die im referenzierten Dokument beschriebene Urheberrechtslizenz abgedeckt ist. Befindet sich nicht innerhalb des<head> Elements, macht der Standard keinen Unterschied zwischen einem Hyperlink, der auf einen bestimmten Teil des Dokuments angewendet wird, oder auf das gesamte Dokument. Nur die Daten auf der Seite können dies anzeigen.

html

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

Hinweis:Obwohl anerkannt, ist das Synonymcopyright falsch und sollte vermieden werden.

manifest

Web-App-Manifest. Erfordert die Verwendung des CORS-Protokolls für das Abrufen aus anderen Ursprüngen.

modulepreload

Nützlich für verbesserte Leistung, und relevant für das<link> überall im Dokument, durch das Setzen vonrel="modulepreload" fordert es den Browser auf, das Skript (und seine Abhängigkeiten) präventiv abzurufen und es im Modul-Map des Dokuments für die spätere Auswertung zu speichern. Mitmodulepreload Links kann sichergestellt werden, dass das Netzwerkabrufen durchgeführt wird und das Modul bereit (aber nicht ausgewertet) im Modul-Map ist, bevor es notwendig ist. Siehe auchmodulepreload.

next

Relevant für<form>,<link>,<a> und<area>, dienext Werte zeigt an, dass das aktuelle Dokument Teil einer Serie ist, und dass das nächste Dokument in der Serie das referenzierte Dokument ist. Wenn es in einem<link> enthalten ist, können Browser davon ausgehen, dass das Dokument als nächstes abgerufen wird, und es als Ressourcenhinweis behandeln.

nofollow

Relevant für<form>,<a> und<area>, dasnofollow Schlüsselwort teilt Suchmaschinen-Spidern mit, die Link-Beziehung zu ignorieren. Die nofollow Beziehung kann darauf hinweisen, dass der Eigentümer des aktuellen Dokuments das referenzierte Dokument nicht unterstützt. Es wird oft von Suchmaschinenoptimierern verwendet, die so tun, als wären ihre Link-Farmen keine Spam-Seiten.

noopener

Relevant für<form>,<a> und<area>, erstellt einen Top-Level-Browsing-Kontext, der kein Hilfsbrowsing-Kontext ist, wenn der Hyperlink zu einem dieser führen würde (d.h. hat einen entsprechendentarget Attributwert). Mit anderen Worten, es lässt den Link so handeln, als obwindow.opener null wäre undtarget="_parent" gesetzt wäre.

Dies ist das Gegenteil vonopener.

noreferrer

Relevant für<form>,<a> und<area>, das Einschließen dieses Wertes macht den Referrer unbekannt (keinReferer Header wird eingeschlossen), und erstellt einen Top-Level-Browsing-Kontext, als obnoopener auch gesetzt wäre.

opener

Erstellt einen Hilfsbrowsing-Kontext, wenn der Hyperlink ansonsten einen Top-Level-Browsing-Kontext erstellen würde, der kein Hilfsbrowsing-Kontext ist (d.h. hat"_blank" alstarget Attributwert). Effektiv das Gegenteil vonnoopener.

pingback

Gibt die Adresse des Pingback-Servers an, der Pingbacks zum aktuellen Dokument verarbeitet. Siehe diePingback-Spezifikation.

preconnect

Bietet einen Hinweis an den Browser, durch den angeregt wird, dass eine Verbindung zur verlinkten Website im Voraus geöffnet wird, ohne dass private Informationen offengelegt oder Inhalte heruntergeladen werden, sodass beim Folgen des Links die verlinkten Inhalte schneller abgerufen werden können.

prefetch

Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und zwischenspeichern sollte, da sie wahrscheinlich für eine folgende Navigation benötigt wird.Sieheprefetch für mehr Informationen.

preload

Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und für die aktuelle Navigation zwischenspeichern muss, gemäß dem potentiellen Ziel, das durch dasas Attribut angegeben ist (und der Priorität, die mit dem entsprechenden Ziel verbunden ist). Siehe die Seite für denpreload Wert.

prerenderVeraltetNicht standardisiert

Gibt an, dass der Benutzeragent die Zielressource präventiv abrufen und sie so verarbeiten soll, dass eine schnellere Antwort in der Zukunft geliefert wird, zum Beispiel durch das Abrufen ihrer Unterressourcen oder das Durchführen von Rendering. Diese Funktion wird durch dieSpeculation Rules API ersetzt.

prev

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

Hinweis: Das Synonymprevious ist falsch und sollte nicht verwendet werden.

privacy-policy

Gültig für<a>,<area>, und<link> Elemente, derprivacy-policy Wert zeigt an, dass das referenzierte Dokument die Datenschutzerklärung ist, welche die Datenerfassungs- und Nutzungspraktiken des aktuellen Dokuments beschreibt.

search

Relevant für<form>,<link>,<a>, und<area> Elemente, dassearch Schlüsselwort zeigt an, dass der Hyperlink auf ein Dokument verweist, dessen Oberfläche speziell für die Suche im aktuellen Dokument, auf der Seite und in verwandten Ressourcen ausgelegt ist, indem ein Link zu einer Ressource bereitgestellt wird, die verwendet werden kann, um zu suchen.

Wenn dastype Attribut aufapplication/opensearchdescription+xml gesetzt ist, ist die Ressource einOpenSearch Plugin, das einfach zur Oberfläche von Firefox hinzugefügt werden kann.

stylesheet

Gültig für das<link> Element, es importiert eine externe Ressource, die als Stylesheet verwendet wird. Dastype Attribut ist nicht erforderlich, wenn es sich um eintext/css Stylesheet handelt, da dies der Standardwert ist. Ist es kein Stylesheet vom Typtext/css, ist es am besten, den Typ zu deklarieren.

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

Wenn es mit demalternate Schlüsselwort verwendet wird, definiert es ein alternatives Stylesheet. In diesem Fall, geben Sie einen nicht-leerentitle an.

Das externe Stylesheet wird nicht verwendet oder sogar heruntergeladen, wenn das Medium nicht dem Wert desmedia Attributs entspricht.

Erfordert die Verwendung des CORS-Protokolls für das Abrufen aus anderen Ursprüngen.

tag

Gültig für die<a>, und<area> Elemente, es gibt einen Tag (identifiziert durch die gegebene Adresse) an, der für das aktuelle Dokument gilt. Der Tag-Wert bedeutet, dass der Link auf ein Dokument verweist, das einen Tag beschreibt, der auf das Dokument zutrifft, auf dem er sich befindet. Dieser Link-Typ ist nicht für Tags innerhalb einer Tag-Wolke gedacht, da diese Tags auf eine Gruppe von Seiten zutreffen, während dertag Wert desrel Attributs für ein einzelnes Dokument ist.

terms-of-service

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

Nicht-standardisierte Werte

apple-touch-icon

Gibt das Icon für eine Webanwendung auf einem iOS-Gerät an.

Spezifikationen

Browser-Kompatibilität

html.elements.link.rel

html.elements.a.rel

html.elements.area.rel

html.elements.form.rel

Siehe auch

• HTMLLinkElement.relList
• HTMLAnchorElement.relList
• HTMLAreaElement.relList