Beispiel
Link zu einem externen Stylesheet:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Versuch es selber " Definition und Verwendung
Die <link> Tag definiert eine Verbindung zwischen einem Dokument und einer externen Ressource.
Die <link> -Tag wird verwendet , um externe Stylesheets zu verknüpfen.
Browser-Unterstützung
Wenn für Stylesheets verwendet, das <link> -Tag in allen gängigen Browsern unterstützt. Keine wirkliche Unterstützung für irgendetwas anderes.
| Element | |||||
|---|---|---|---|---|---|
| <link> | ja | ja | ja | ja | ja |
Hinweis: Die <link> Element ein leeres Element ist, ist es nur Attribute enthält.
Anmerkung: Dieses Element nur im Kopfbereich geht, aber es beliebig oft auftreten können.
Unterschiede zwischen HTML 4.01 und HTML5
Einige HTML 4.01 Attribute sind nicht in HTML5 unterstützt.
Die "sizes" Attribut ist neu in HTML5.
Unterschiede zwischen HTML und XHTML
In HTML das <link> hat Tag kein Ende - Tag.
In XHTML das <link> Tag richtig geschlossen werden müssen.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| charset | char_encoding | Nicht in HTML5 unterstützt. Gibt die Zeichenkodierung des verknüpften Dokuments |
| crossorigin | anonymous use-credentials | Gibt an, wie das Element Cross-Origin-Anforderungen verarbeitet |
| href | URL | Gibt die Position des verknüpften Dokuments |
| hreflang | language_code | Gibt die Sprache des Textes im verknüpften Dokument |
| media | media_query | Gibt an welches Gerät wird das verknüpfte Dokument angezeigt werden |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Erforderlich. Gibt die Beziehung zwischen dem aktuellen Dokument und das verknüpfte Dokument |
| rev | reversed relationship | Nicht in HTML5 unterstützt. Gibt die Beziehung zwischen dem verknüpften Dokument und dem aktuellen Dokument |
| sizes | HeightxWidth any | Gibt die Größe der verknüpften Ressource. Nur für rel = "Symbol" |
| target | _blank _self _top _parent frame_name | Nicht in HTML5 unterstützt. Gibt an, wo das verknüpfte Dokument geladen werden soll |
| type | media_type | Gibt den Medientyp des verknüpften Dokuments |
globale Attribute
Die <link> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <link> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML Styles
HTML - DOM - Referenz: Link Object
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <link> mit den folgenden Standardwerte Element:
link {
display: none;
}