Przykład
Link do zewnętrznego arkusza stylów:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Spróbuj sam " Definicja i Wykorzystanie
<link> tag definiuje związek między dokumentem i zewnętrznego zasobu.
<link> tag służy do połączenia zewnętrznych arkuszy stylów.
Pomoc Browser
Przy zastosowaniu do arkuszy stylów, The <link> tag jest dostępna we wszystkich głównych przeglądarek. Nie realne wsparcie dla czegoś innego.
| Element | |||||
|---|---|---|---|---|---|
| <link> | tak | tak | tak | tak | tak |
Uwaga: <link> element jest pusty element, zawiera tylko atrybuty.
Uwaga: Ten element wychodzi tylko w sekcji head, ale może pojawić się dowolną liczbę razy.
Różnice między HTML 4.01 i HTML5
Niektóre HTML 4.01 atrybuty nie są obsługiwane w HTML5.
"sizes" atrybut jest nowego w HTML5.
Różnice między HTML i XHTML
W przypadku protokołu HTML <link> tag ma znacznik końcowy.
W XHTML <link> tag muszą być prawidłowo zamknięte.
Atrybuty
= Nowe w HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| charset | char_encoding | Nie jest obsługiwany w HTML5. Określa kodowanie znaków powiązanego dokumentu |
| crossorigin | anonymous use-credentials | Określa sposób element obsługuje żądania krzyż pochodzenia |
| href | URL | Określa lokalizację połączonego dokumentu |
| hreflang | language_code | Określa język tekstu w połączonego dokumentu |
| media | media_query | Określa, na jakiej urządzenie zostanie wyświetlony dokument powiązany |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Wymagany. Określa relację między bieżącym dokumentem i połączonego dokumentu |
| rev | reversed relationship | Nie jest obsługiwany w HTML5. Określa relację między połączonego dokumentu oraz aktualnego dokumentu |
| sizes | HeightxWidth any | Określa rozmiar powiązanego zasobu. Tylko dla rel = "ikona" |
| target | _blank _self _top _parent frame_name | Nie jest obsługiwany w HTML5. Określa gdzie połączone dokument ma być załadowany |
| type | media_type | Określa typ nośnika połączonego dokumentu |
Atrybuty globalne
<link> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<link> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
Poradnik HTML: Style HTML
Odniesienia HTML DOM: Łącze obiektu
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <link> element z następujących wartości domyślnych:
link {
display: none;
}