Stil mit {stil}

Feb 2009

HTMl link • Verbindung zu externen Dateien

Das <link>-Tag erzeugt eine Verbindung zwischen dem aktuell geöffneten Dokument und einem anderen, in irgendeiner Weise verwandten Dokument. Wenn z.B Stylesheets in einer .css-Datei gespeichert sind, wird die CSS-Datei durch ein <link>-Tag in das aktuelle Dokument eingebunden.

Das link-Tag kann mehrmals benutzt werden – um genau zu sein, ein Mal pro Link. Jedes Vorkommen des Tags muss dabei innerhalb des head-Elements liegen. Der Wert für das href-Attribut ist zwingend erforderlich.

Attribute für link

charset

Zeichencodierung in der Datei an, auf die der Link zielt. Die Zeichencodierung bestimmt, wie eine Bytesequenz in Zeichen für die Darstellung auf dem Monitor umgewandelt wird.

href

eine gültige URL eines anderen Dokuments. Das Attribut ist zwingend erforderlich.

hreflang

Sprache des Dokuments an, auf das der Link zielt.

media

gibt an, auf welches Medium sich der Link bezieht. Gültige Werte sind all, aural, braille, handheld, print, projection, screen, tty und tv.

rel

ist eine durch Leerräume voneinander getrennte Liste von einem oder mehreren Werten, mit denen die Art der Verwandschaft zum augenblicklichen Dokument erklärt wird. Es beschreibt einen Vorwärtslink. Zu den vorgeschlagenen Werten gehören appendix, bookmark, chapter, contents, copyright, glossary, help, index, next, prev, section, stylesheet und subsection.

rev

ist eine durch Kommas getrennte Liste von einem oder mehreren Werten, mit denen die Art der Verwandschaft zwischen dem Zieldokument und dem Quelldokument des Links erklärt wird. Es beschreibt einen Rückwärtslink. Zu den vorgeschlagenen Werten gehören appendix, bookmark, chapter, contents, copyright, glossary, help, index, next, prev, section, stylesheet und subsection.

gibt den MIME-Typ (Multipurpose Internet Mail Extension) des gelinkten Dokuments an. Die beiden möglichen Werte sind text/css und text/javascript.

Beispiel

Das Beispiel zeigt drei verschiedene Typen von Links:

<link rel="stylesheet" href="style.css" type="text/css" 
      media="screen" charset="utf-8" />
<link href="../favicon.ico" rel="shortcut icon" />
<link rel="alternate" type="application/rss+xml" 
      title="Notizen aus der Provinz RSS Feed" 
      href="http://www.ulrike-haessler.de/?feed=rss2" />

Zum Seitenanfang