Tag link
Tag link připojuje CSS soubory k HTML
stránce. Kromě toho link připojuje
některé další soubory, například favikonu.
(Favikona je ikona webu, která je
viditelná na kartě prohlížeče. Lze ji také
vidět v některých vyhledávačích při hledání
vedle webů, například ve Yandexu).
Tento tag má velmi mnoho atributů a ty mohou nabývat rozmanitých hodnot, avšak v reálném životě se téměř všechny nepoužívají. Nejpopulárnější je připojení CSS a přidání favikony.
Jak připojit CSS:
<link rel="stylesheet" href="style.css">
Jak připojit favikonu:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tag link nevyžaduje uzavírací tag.
Atributy
| Atribut | Popis |
|---|---|
href |
Cesta k připojovanému souboru. |
media |
Typ zařízení, pro které se má soubor připojit. Co se tím myslí - můžete připojit CSS soubor pouze pro velké obrazovky (hodnota screen)
nebo pouze pro malé obrazovky: pro mobily nebo tablety (hodnota handheld).
Možné hodnoty: all, braille, handheld, print, screen, speech, projection, tty, tv.
Podrobněji viz níže.
|
rel |
Typ připojovaného souboru.
Možné hodnoty: stylesheet | alternate.
Hodnota stylesheet označuje, že se připojuje CSS soubor,
hodnota alternate se používá například pro označení odkazu
na soubor ve formátu XML pro popis kanálu novinek, anoncí článků.
|
charset |
Kódování připojovaného souboru.
V současnosti je standardem utf-8.
|
type |
Typ dat připojovaného souboru. |
Hodnoty atributu media
V HTML5 jako hodnoty mohou být uvedeny media query.
| Hodnota | Popis |
|---|---|
all |
Všechna zařízení. |
screen |
Obrazovka monitoru. |
handheld |
Telefony, chytré telefony, zařízení s malou obrazovkou. |
braille |
Zařízení založená na Braillově systému, určená pro nevidomé lidi. |
speech |
Řečové syntetizéry, stejně jako programy pro přehrávání textu nahlas. Sem patří také řečové prohlížeče. |
print |
Tiskárny. |
projection |
Projektory. |
tty |
Televypisovače, terminály, přenosná zařízení s omezenými možnostmi obrazovky. Pro ně by neměly být použity pixely jako měrné jednotky. |
tv |
Televize, které umí otevírat webové stránky (stává se i to). |
Výchozí hodnota: all.
Příklad
Podívejme se, jak vypadá struktura nejjednodušší HTML stránky, ke které přidáme připojení CSS souborů a favikony:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css" media="screen">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
