Feb 2009

HTMl link-Tag • Verbindung zu externen Dateien

Das HTML 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.

HTML-Tag link: Attribute

charset
Zeichencodierung in der Zieldatei. Die Zeichencodierung legt die Darstellung der Zeichen auf dem Monitor fest.
href
eine gültige URL des 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 Leerzeichen getrennte Liste von einem oder mehreren Werten, mit denen die Art der Verwandschaft zur aktuellen Webseite 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 für 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.meineseite.de/?feed=rss" />