HTML <link> rel-Attribut

HTML <link> Tag

Definition und Verwendung

Erforderlich rel Das Attribut spezifiziert das Verhältnis zwischen dem aktuellen Dokument und dem verlinkten Dokument/Resource.

Beispiel

Beispiel 1

Importiert eine externe Stilvorlage:

<link rel="stylesheet" href="styles.css">

Versuchen Sie es selbst

Beispiel 2

Hier ist eine Methode, um das Website-Icon zu einem Website hinzuzufügen:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Syntax

<link rel="value">

Attributwert

Wert Beschreibung
alternate

Bietet einen Link zu alternativen Darstellungen des Dokuments (z.B. Druckseite, Übersetzung oder Spiegel).

Beispiel: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Bietet einen Link zum Autor des Dokuments.
dns-prefetch Bestimmt, dass der Browser die DNS-Resolution der Quelle des Zielressourcens vorausschauend durchführt.
help

Bietet einen Link zum Hilfe-Dokument.

Beispiel: <link rel="help" href="/help/">
icon

Importiert ein Symbol, das das Dokument darstellt.

Beispiel: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Bietet einen Link zur Copyright-Information des Dokuments.
next Bietet einen Link zum nächsten Dokument in der Reihe.
pingback Bietet die Adresse des Pingback-Servers für die Pingback-Dienste des aktuellen Dokuments.
preconnect Legt fest, dass der Browser eine Vorschauverbindung zur Quelle der Zielressource herstellen sollte.
prefetch Legt fest, dass der Browser die Zielressource vorschauen (zwischenspeichern) sollte, falls sie in späteren Navigationen verwendet wird.
preload Legt fest, dass der Browser-Agent gemäß dem Ziel (und der damit verbundenen Priorität), das durch das Attribut "as" angegeben wird, das Zielressource vorab abrufen und zwischenspeichern muss.
prerender

Legt fest, dass der Browser die angegebene Webseite im Hintergrund vorschauen (laden) soll.

Wenn der Benutzer zur Seite navigiert, wird die Ladezeit der Seite beschleunigt (weil die Seite bereits geladen wurde).

Warnung! Dies verschwendet die Bandbreite des Benutzers! Verwenden Sie nur die Vorschau, wenn Sie sicher sind, dass diese Webseite zu einem bestimmten Zeitpunkt während des Surfens des Benutzers unbedingt erforderlich ist.
prev Zeigt an, dass diese Datei ein Teil einer Serie ist und die vorherige Datei in dieser Serie die zitierte Datei ist.
search Bietet Links zu Ressourcen, die für die Suche nach dem aktuellen Dokument und den zugehörigen Seiten verwendet werden können.
stylesheet Importieren Sie das Stylesheet.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML <link> Tag