Tag link
Tag link povezuje CSS datoteke z HTML
stranjo. Poleg tega link povezuje
tudi nekatere druge datoteke, na primer favicon.
(Favicon je ikona spletnega mesta, ki je
vidna v zavihku brskalnika. Prav tako jo je
mogoče videti v nekaterih iskalnikih pri iskanju
poleg spletnih mest, na primer v Yandexu).
Ta tag ima zelo veliko atributov in ti lahko sprejemajo različne vrednosti, vendar se v resničnem življenju skoraj ne uporabljajo. Najbolj priljubljeno je povezovanje CSS in dodajanje favicona.
Kako povezati CSS:
<link rel="stylesheet" href="style.css">
Kako povezati favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tag link ne zahteva zapiralnega taga.
Atributi
| Atribut | Opis |
|---|---|
href |
Pot do datoteke, ki se povezuje. |
media |
Tip naprave, za katero naj se datoteka poveže. Kaj to pomeni - lahko povežete CSS datoteko samo za velike zaslone (vrednost screen)
ali samo za majhne zaslone: za mobilne telefone ali tablice (vrednost handheld).
Možne vrednosti: all, braille, handheld, print, screen, speech, projection, tty, tv.
Podrobneje glejte spodaj.
|
rel |
Tip datoteke, ki se povezuje.
Možne vrednosti: stylesheet | alternate.
Vrednost stylesheet označuje, da se povezuje CSS datoteka,
vrednost alternate se uporablja na primer za navedbo povezave
na datoteko v formatu XML za opis novic, objav člankov.
|
charset |
Kodiranje datoteke, ki se povezuje.
Trenutno je standard utf-8.
|
type |
Tip podatkov datoteke, ki se povezuje. |
Vrednosti atributa media
V HTML5 so lahko kot vrednosti navedeni medijski poizvedbi.
| Vrednost | Opis |
|---|---|
all |
Vse naprave. |
screen |
Zaslon monitorja. |
handheld |
Telefoni, pametni telefoni, naprave z majhnim zaslonom. |
braille |
Naprave, ki temeljijo na sistemu Braille, so namenjene slepim ljudem. |
speech |
Govorni sintetizatorji ter programi za predvajanje besedila na glas. Sem spadajo tudi govorni brskalniki. |
print |
Tiskalniki. |
projection |
Projektorji. |
tty |
Teletipi, terminali, prenosne naprave z omejenimi zmogljivostmi zaslona. Zanje se ne smejo uporabljati piksli kot merske enote. |
tv |
Televizorji, ki znajo odpreti spletne strani (tudi to se zgodi). |
Privzeta vrednost: all.
Primer
Poglejmo, kako izgleda struktura preproste HTML strani, ki ji dodamo povezavo CSS datotek in favicona:
<!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>
