HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <link> Tag

Der HTML <link>-Tag verknüpft externe Ressourcen (z.B. CSS-Dateien) mit dem HTML-Dokument. Dieser Tag wird auch als <link>-Element bezeichnet.

Online-Beispiel

Verknüpfung mit externen Stylesheets:

Beispiel

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title>　
<link　rel="stylesheet"　type="text/css"　href="theme.css">
</head>
<body>
</body>
</html>

Testen Sie es heraus ‹/›

HTML <link>-Tag Syntax-Verknüpfen von Stylesheets

Die Syntax zum Verknüpfen von Stylesheets mit dem HTML <link>-Tag ist:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>

Oder in XHTML, die Syntax des <link>-Tags ist:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen den <link>-Tag.

Definition und Verwendung des Tags

Der <link>-Tag wird am häufigsten verwendet, um Stylesheets oder CSS-Dateien in HTML-Dokumente zu verknüpfen.

Der <link>-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen.

Die häufigste Verwendung des <link>-Tags ist das Verknüpfen von Stylesheets.

Hinweis: Der <link>-Element ist ein leeres Element und enthält nur Attribute.

Hinweis:　Dieser Element kann nur im Head-Bereich vorkommen, kann jedoch beliebig oft auftreten.

HTML 4.01 Im Vergleich zu HTML5Unterschiede

Einige HTML 4.01 Eigenschaft in HTML5 Wird nicht unterstützt.

HTML5 Das "sizes"-Attribut wurde hinzugefügt.

Unterschiede zwischen HTML und XHTML

Im HTML hat der <link>-Tag keinen Schließungstag.

Im XHTML muss der <link>-Tag korrekt geschlossen werden.

Eigenschaft

Eigenschaft	Wert	Beschreibung
charset	char_encoding	HTML5 Diese Eigenschaft wird nicht unterstützt. Definiert die Zeichensatzart des verlinkten Dokuments.
href	URL	Definiert den Standort des verlinkten Dokuments.
hreflang	language_code	Definiert die Sprache des Textes im verlinkten Dokument.
media	media_query	Das angegebene Dokument wird auf welchem Gerät angezeigt.
rel	alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up	Required. Defines the relationship between the current document and the linked document.
rev	reversed relationship	HTML5 This attribute is not supported. Defines the relationship between the linked document and the current document.
sizesHTML5	HeightxWidth any	Defines the size of the link attribute, only affects the attribute rel="icon".
target	_blank _self _top _parent frame_name	HTML5 This attribute is not supported. Defines where the linked document is loaded.
type	MIME_type	Specifies the MIME type of the linked document.

Global Attributes

event attributes

HTML Tutorial:HTML Styles

HTML DOM Reference Manual:Link Object

HTML: <map> Tag HTML: <li> Tag