1145 Aufrufe
Logische Beziehungen definieren
Das HTML Element link
link = Verknüpfung
Beschreibung:
Das Element link leitet eine logische Dateibeziehungen ein. Es kann also dazu verwendet werden einen Bezug zwischen der HTML-Datei und anderen Dokumenten herzustellen
Syntax:
Das HTML Element link besteht nur aus einem Tag und wird mit <link > (in XHTML <link /> im Kopfbereich einer HTML-Datei notiert.
<link >Attribute:
Um nun logische Beziehungen herzustellen müssen Sie dem HTML Element link entsprechende Attribute zuweisen. Folgende Attribute kennen Sie anwenden.
| Attribut | Beschreibung | Varianten |
| charset | gibt die Kodierung der Verknüpfung an | STF |
| href | gibt den URI der Verknüpfung an | STF |
| hreflang | gibt die Landessprache der Verknüpfung an | STF |
| media | bestimmt das Ausgabemedium | STF |
| rel | bestimmt die Verknüpfung als "Vorwärtsverknüpfung" | STF |
| rev | bestimmt die Verknüpfung als "Rückwärtsverknüpfung" | STF |
| target | bestimmt den Fensternamen zur Ausgabe des Verknüpfungsziels | TF |
| type | bestimmt den MIME-Typ des Verknüpfungsziels | STF |
Gängige Beziehungen:
Style-Definitionen:
In diesem Beispiel wird ein Bezug zu einer externen Style-Sheet-Datei hergestellt. Wer mit CSS arbeitet wird auf diese Funktion nicht verzichten wollen.
<link rel="stylesheet" href="styles.css" type="text/css">FavIcon:
Bezug zu einem in der Adressleiste oder in den Lesezeichen angezeigten Bild (Favicon).
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">