Link tags
Tags link pievieno CSS failus HTML
lapai. Turklāt, link pievieno
arī dažus citus failus, piemēram, favicon.
(Favicon ir vietnes ikona, kura
redzama pārlūkprogrammas cilnē. To var arī
redzēt dažās meklētājprogrammās meklējot
blakus vietnēm, piemēram, Yandex).
Šim tagam ir ļoti daudz atribūtu un tie var pieņemt daudzveidīgas vērtības, tomēr reālajā dzīvē tie gandrīz netiek izmantoti. Vispopulārākais - ir CSS pievienošana un favicon pievienošana.
Kā pievienot CSS:
<link rel="stylesheet" href="style.css">
Kā pievienot favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tagam link nav nepieciešams aizverošais tags.
Atribūti
| Atribūts | Apraksts |
|---|---|
href |
Ceļš uz pievienojamo failu. |
media |
Ierīces tips, kurai vajadzētu pievienot failu. Kas domāts - jūs varat pievienot CSS failu tikai lieliem ekrāniem (vērtība screen)
vai tikai maziem ekrāniem: mobilajiem tālruņiem vai planšetdatoriem (vērtība handheld).
Iespējamās vērtības: all, braille, handheld, print, screen, speech, projection, tty, tv.
Sīkāk skatīt zemāk.
|
rel |
Pievienojamā faila tips.
Iespējamās vērtības: stylesheet | alternate.
Vērtība stylesheet norāda, ka tiek pievienots CSS fails,
vērtība alternate tiek izmantota, piemēram, lai norādītu saiti
uz failu XML formātā ziņu plūsmas, rakstu anonsu aprakstīšanai.
|
charset |
Pievienojamā faila kodējums.
Pašlaik standarts ir utf-8.
|
type |
Pievienojamā faila datu tips. |
Atribūta media vērtības
HTML5 kā vērtības var norādīt mediāvaicājumus.
| Vērtība | Apraksts |
|---|---|
all |
Visas ierīces. |
screen |
Monitora ekrāns. |
handheld |
Telefoni, viedtālruņi, ierīces ar mazu ekrānu. |
braille |
Ierīces, kuras balstītas uz Braila sistēmu, paredzētas neredzīgiem cilvēkiem. |
speech |
Runas sintētizatori, kā arī programmas teksta atskaņošanai skaļi. Šeit ietilpst arī runas pārlūkprogrammas. |
print |
Printeri. |
projection |
Projektori. |
tty |
Teleprinteri, termināļi, portatīvās ierīces ar ierobežotām ekrāna iespējām. Tām nevajadzētu izmantot pikseļus kā mērvienību. |
tv |
Televizori, kas prot atvērt web lapas (arī tādi ir). |
Noklusējuma vērtība: all.
Piemērs
Apskatīsim, kā izskatās vienkāršākās HTML lapas struktūra, kurai pievienosim CSS failu un favicon pievienošanu:
<!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>
