Link žymė
Žymė link prijungia CSS failus prie HTML
puslapio. Be to, link prijungia
kai kuriuos kitus failus, pavyzdžiui, favicon.
(Favicon yra svetainės piktograma, kuri
matoma naršyklės skirtuke. Ją taip pat galima
pamatyti kai kuriuose paieškos varikliuose paieškos metu
priešais svetaines, pavyzdžiui, Yandex).
Ši žymė turi labai daug atributų ir jie gali įgauti įvairias reikšmes, tačiau realiame gyvenime jie beveik nenaudojami. Populiariausia - tai CSS prijungimas ir favicon pridėjimas.
Kaip prijungti CSS:
<link rel="stylesheet" href="style.css">
Kaip prijungti favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Žymė link nereikalauja uždarančios žymės.
Atributai
| Atributas | Aprašas |
|---|---|
href |
Kelias į prijungiamą failą. |
media |
Įrenginio tipas, kuriam reikėtų prijungti failą. Tai reiškia - galite prijungti CSS failą tik dideliems ekranams (reikšmė screen)
arba tik mažiems ekranams: mobiliesiems telefonams ar planšetėms (reikšmė handheld).
Galimos reikšmės: all, braille, handheld, print, screen, speech, projection, tty, tv.
Išsamiau žiūrėkite žemiau.
|
rel |
Prijungiamo failo tipas.
Galimos reikšmės: stylesheet | alternate.
Reikšmė stylesheet nurodo, kad prijungiamas CSS failas,
reikšmė alternate naudojama, pavyzdžiui, nurodant nuorodą
į failą XML formate naujienų srautui, straipsnių anonsams aprašyti.
|
charset |
Prijungiamo failo koduotė.
Šiuo metu standartas yra utf-8.
|
type |
Prijungiamo failo duomenų tipas. |
Atributo media reikšmės
HTML5 kaip reikšmės gali būti nurodyti media užklausos.
| Reikšmė | Aprašas |
|---|---|
all |
Visi įrenginiai. |
screen |
Monitoriaus ekranas. |
handheld |
Telefonai, išmanieji telefonai, įrenginiai su mažu ekranu. |
braille |
Įrenginiai, pagrįsti Brailio sistema, skirti akliesiems žmonėms. |
speech |
Kalbos sintezatoriai, taip pat programos teksto garsinimui. Čia taip pat įeina kalbinės naršyklės. |
print |
Spausdintuvai. |
projection |
Projektoriai. |
tty |
Teletaipai, terminalai, nešiojami įrenginiai su ribotomis ekrano galimybėmis. Jiems neturėtų būti naudojami pikseliai kaip matavimo vienetai. |
tv |
Televizoriai, kurie moka atidaryti web puslapius (būna ir tokių). |
Numatytoji reikšmė: all.
Pavyzdys
Pažiūrėkime, kaip atrodo paprasčiausios HTML puslapio struktūra, kuriai pridėsime CSS failų ir favicon prijungimą:
<!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>
