Das link-Element verweist von einem Dokument auf eine externe Datei, in aller Regel auf das Stylesheet.
- link-Element (Stylesheet-Einbindung)
Element im Kopfbereich, das eine Beziehung zwischen dem Dokument und einer externen Datei herstellt.
Beispiel: „Das link-Element hat keinen Inhalt und kein schließendes Tag.“
Die Beziehung macht den Unterschied
Das Attribut rel sagt, worum es sich handelt. Mit stylesheet ist es die Gestaltung, mit icon das Symbol im Browser-Tab, mit canonical der Hinweis an Suchmaschinen, welche Adresse die maßgebliche ist. Dieselbe Zeile leistet also sehr Verschiedenes.
<link rel="stylesheet" href="/css/site.css">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">Reihenfolge und Ladezeit
Ein Stylesheet blockiert die Darstellung, bis es geladen ist. Deshalb gehören diese Zeilen früh in den Kopfbereich und sollten wenige sein.