Link-i silt
Silt link ühendab CSS-failid HTML-lehele.
Lisaks ühendab link mõnda muud tüüpi faile,
näiteks faviconi.
(Favicon on veebisaidi väike ikoon, mida näidatakse
brauseri vahekaardi peal. Seda võib näha ka mõnes
otsingumootoris, näiteks Yandexis, veebisaidite kõrval).
Sellel siltidel on palju atribuute ja need võivad omada erinevaid väärtusi, kuid praktikas ei kasutata neid peaaegu kunagi. Kõige levinum on CSS-i ühendamine ja faviconi lisamine.
Kuidas ühendada CSS:
<link rel="stylesheet" href="style.css">
Kuidas ühendada favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Silt link ei vaja lõpetavat silti.
Atribuudid
| Atribuut | Kirjeldus |
|---|---|
href |
Tee ühendatava failini. |
media |
Seadme tüüp, millele fail tuleks ühendada. See tähendab, et saate ühendada CSS-faili ainult suurte ekraanide jaoks (väärtus screen)
või ainult väikeste ekraanide jaoks: mobiiltelefonide või tahvelarvutite jaoks (väärtus handheld).
Võimalikud väärtused: all, braille, handheld, print, screen, speech, projection, tty, tv.
Vaata täpsemalt allpool.
|
rel |
Ühendatava faili tüüp.
Võimalikud väärtused: stylesheet | alternate.
Väärtus stylesheet näitab, et ühendatakse CSS-fail,
väärtust alternate kasutatakse näiteks uudistevoogude või artiklite anonsside XML-vormingus faili lingi määramiseks.
|
charset |
Ühendatava faili kodeering.
Praeguse standardi järgi on see utf-8.
|
type |
Ühendatava faili andmetüüp. |
Atribuudi media väärtused
HTML5-s saab atribuudi väärtusteks määrata meediapäringuid.
| Väärtus | Kirjeldus |
|---|---|
all |
Kõik seadmed. |
screen |
Arvutiekraan. |
handheld |
Telefonid, nutitelefonid, seadmed väikese ekraaniga. |
braille |
Braille'i süsteemil põhinevad seadmed, mis on mõeldud pimedatele inimestele. |
speech |
Kõnesüntesaatorid ning programmid teksti ette lugemiseks. Samuti kuuluvad siia kõnebrauserid. |
print |
Printerid. |
projection |
Projektorid. |
tty |
Teletype'id, terminalid, portatiivsed seadmed piiratud ekraanivõimalustega. Neile ei tohiks kasutada mõõtühikuna piksleid. |
tv |
Televiisorid, mis oskavad avada veebilehti (see võib ette tulla). |
Vaikeväärtus: all.
Näide
Vaatame, kuidas näeb välja lihtsa HTML-lehe struktuur, kuhu on lisatud CSS-failide ja faviconi ühendamine:
<!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>
