<link> Tag - Externe Stylesheets einbinden

Beispiel:

<head>
    <link rel="stylesheet" href="https://assets.ekiwi.de/w3css/w3.css">
</head>

Online testen

Verwendung

Mit dem link Tag können externe Stylesheets in eine HTML-Datei eingebunden werden. Diese können zentral Formatierungen angeben, welche für die Datei übernommen werden. Der link Tag muss innerhalb des head Elements eingebunden werden. Mehrere link Tags sind möglich. Neben Stylesheets können auch Favicons, RSS-Feeds und andere Dokumente verlinkt werden. Siehe weitere Beispiele

Attribute

Attribut Wert Beschreibung
crossorigin anonymous
use-credentials
legt fest, wie das Element crossorigin-Requests (CORS) behandelt. 
href URL Die URL des Stylesheets
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
Legt den Typ des verlinkten Dokuments fest.
sizes Größe z.B. 16x16 für Favicons, Typ icon
type Media-Typ Medientyp des verlinkten Dokuments.

Weitere Beispiele

Einbinden von einem Favicon:

<link rel="shortcut icon" href="https://www.ekiwi.de/favicon.ico"> 

Einbinden eines RSS-Feeds:

<link rel="alternate" type="application/rss+xml" title="" href="">
<link rel="alternate" type="application/atom+xml" title="" href="">