HTML/Elemente/link
Aus SELFHTML-Wiki
Der Begriff link ist mehrdeutig.- Für den CSS-Selektor
linksiehe CSS/Selektoren/link. - Für Hypertext-Links siehe HTML/Tutorials/Links
Das link-Element beschreibt auf eher abstrakte Weise, dass zwischen dem aktuellen Dokument und einem anderen eine Beziehung besteht, und um welche Art von Beziehung es sich dabei handelt. Wichtigste Anwendung des <link>-Elements ist das Einbinden von Stylesheets.
- Syntax
- Start-Tag: notwendig
- End-Tag: verboten
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- erlaubte Inhalte
- keine, leeres Element
Beispiel
<html lang="de">
<head>
<link rel="stylesheet" href="example.css">
<link rel="icon" type="image/svg+xml" href="favicon.svg" sizes="any">
<link rel="icon" href="/favicon.png" type="image/png">
</head>
Im head finden sich mehrere link-Elemente. Über das rel-Attribut wird festgelegt, wie die eingebundenen Ressourccen verwendet werden sollen:
-
rel="stylesheet"bindet ein Stylesheet ein -
rel="icon"ein Favicon
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| crossorigin | anonymous, use-credentials | Attribut legt fest, wie das Element crossorigin-Requests (CORS) handelt. | |
| href | CDATA | Bestimmt die URI-Adresse der Ressource die mit dem Dokument verbunden wird. | |
| hreflang | NAME | gibt den Sprachcode, wie in RFC1766 festgelegt, der verbundenen Ressource an. | |
| media | CDATA | komma-getrennte Liste, die das Medium der verbundenen Ressource bestimmt. | |
| rel | CDATA | Bestimmt die Beziehung von dem verbundenen Dokument zu dem aktuellen Dokument. Eine durch Leerzeichen getrennte Liste von Linkarten. | |
| sizes | CDATA | Dieses Attribut wird mit dem Icon-Link-Typ verwendet. Das Attribut muss nicht verwendet werden, wenn das rel-Attribut nicht das Schlüsselwort Icon angibt. | |
| type | CDATA | text/css | Bestimmt den MIME-Typen der verbundenen Ressource. Für rel="preload" ist das Attribut relevant, für rel="stylesheet" soll es weggelassen werden. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
- HTML/Tutorials/Grundgerüst
- Favicon
nützliche kleine Grafiken, die z. B. in Browsertabs, bei Lesezeichen oder für Touch-Icons auf mobilen Geräten angezeigt werden - externe Stylesheets in SVG nachladen
- CSS/Media_Queries/Einstieg
- Einbindung mehrerer Stylesheets im head
Mit dem media-Attribut können Sie festlegen, dass etwa Stylesheets nur für bestimmte Ausgabemedien geladen werden sollen.
- Einbindung mehrerer Stylesheets im head
- Suchmaschinenoptimierung
Weblinks
Spec (WHATWG): link-element
Grundstruktur
