HTML/Elemente/link

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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:

  1. rel="stylesheet" bindet ein Stylesheet ein
  2. rel="icon" ein Favicon


Attribute
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

Weblinks

Spec (WHATWG): link-element

Grundstruktur
Abgerufen von „http://wiki.selfhtml.org/index.php?title=HTML/Elemente/link&oldid=97450“