Das Tag <link> verbindet das HTML-Dokument mit externer Quelle. In der Regel wird es für die Einschaltung des externen Files, wo CSS-Stile und Schrifte eingegeben werden, verwendet.
Syntax
Das Tag <link> wird ungepaart verwendet, es enthält nur Attribute und wird immer innerhalb des Tages <head> (in der Regel vor dem Endtag </head>) platziert, dabei kann es mehrmals verwendet werden.
In XHTML ist das Endtag (</link>) obligatorisch.
Beispiel
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Das Aussehen der Kopfzeile definieren CSS-Stile, die im externen File angegeben sind.</h1>
<p>Das Aussehen des Absatzes definieren CSS-Stile, die im externen File angegeben sind.</p>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| charset | char_encoding | Es bestimmt die Codierung des verbundenen Dokuments. Es wird in HTML5 nicht unterstützt. |
| href | URL | Es deutet auf den Platz des externen Files an. |
| hreflang | language_code | Es definiert die Textsprache des verbundenen Dokuments. |
| media | media_query | Es definiert das Gerät, für welches diese Stile angewendet werden. |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up |
Es definiert die Beziehungen zwischen dem aktuellen Dokument und dem File, auf das der Link gezielt wird. |
| rev | reversed relationship | Es definiert die Beziehungen zwischen den aktuellen Dokument und verbundenen Dokumenten. Es wird in HTML5 nicht unterstützt. |
| sizes | HeightxWeight | Es definiert die Größe von verbundenen Icons. Es wird nur mit rel = "icon" verwendet. |
| target | Es definiert, wie der Link eröffnet werden soll. Es wird in HTML5 nicht unterstützt. |
|
| _blank | im neuen Fenster | |
| _self | im aktuellen Fenster | |
| _top | in der ganzen Fensterbreite | |
| _parent | im Elternframe | |
| frame_name | im Frame | |
| type | media_type | Es bestimmt den MIME-Typ (Spezifikation für die Übertragung von verschiedenen Dateien durch das Netz) des verbundenen Dokuments. |
Das Tag <link> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Welches Attribut wird im 'link' HTML-Tag verwendet, um eine Beziehung zwischen dem aktuellen Dokument und dem verlinkten Dokument anzugeben?
Richtig!
Falsch!