Tag link
Tag link pripája CSS súbory na HTML
stránku. Okrem toho, link pripája
niektoré ďalšie súbory, napríklad favikonku.
(Favikonka je symbol stránky, ktorý
je viditeľný na karte prehliadača. Taktiež ju možno
vidieť v niektorých vyhľadávačoch pri vyhľadávaní
oproti stránkam, napríklad v Yandexe).
Tento tag má veľmi veľa atribútov a môžu nadobúdať rôznorodé hodnoty, avšak v reálnom živote sa takmer všetky nepoužívajú. Najpopulárnejšie je pripojenie CSS a pridanie favikonky.
Ako pripojiť CSS:
<link rel="stylesheet" href="style.css">
Ako pripojiť favikonku:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tag link nevyžaduje uzatvárací tag.
Atribúty
| Atribút | Popis |
|---|---|
href |
Cesta k pripájanému súboru. |
media |
Typ zariadenia, pre ktoré sa má súbor pripojiť. Čo sa tým myslí - môžete pripojiť CSS súbor len pre veľké obrazovky (hodnota screen)
alebo len pre malé obrazovky: pre mobilné zariadenia alebo tablety (hodnota handheld).
Možné hodnoty: all, braille, handheld, print, screen, speech, projection, tty, tv.
Podrobnejšie pozri nižšie.
|
rel |
Typ pripájaného súboru.
Možné hodnoty: stylesheet | alternate.
Hodnota stylesheet určuje, že sa pripája CSS súbor,
hodnota alternate sa používa napríklad na uvedenie odkazu
na súbor vo formáte XML pre popis kanála noviniek, oznámení článkov.
|
charset |
Kódovanie pripájaného súboru.
V súčasnosti je štandardom utf-8.
|
type |
Typ dát pripájaného súboru. |
Hodnoty atribútu media
V HTML5 ako hodnoty môžu byť uvedené mediálne dopytovanie (media queries).
| Hodnota | Popis |
|---|---|
all |
Všetky zariadenia. |
screen |
Obraovka monitora. |
handheld |
Telefóny, smartfóny, zariadenia s malou obrazovkou. |
braille |
Zariadenia založené na Braillovom systéme, určené pre slepých ľudí. |
speech |
Rečové syntetizátory, ako aj programy na prehrávanie textu nahlas. Sem patria aj rečové prehliadače. |
print |
Tlačiarne. |
projection |
Projektory. |
tty |
Teletypové zariadenia, terminály, prenosné zariadenia s obmedzenými možnosťami obrazovky. Pre by sa nemali používať pixely ako merné jednotky. |
tv |
Televízory, ktoré vedia otvárať webové stránky (stáva sa to). |
Predvolená hodnota: all.
Príklad
Pozrime sa, ako vyzerá štruktúra najjednoduchšej HTML stránky, ku ktorej pridáme pripojenie CSS súborov a favikonky:
<!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>
