Link tag
Tag link povezuje CSS fajlove na HTML
stranicu. Pored toga, link povezuje
neke druge fajlove, na primer, favicon.
(Favicon je ikonica sajta, koja je
vidljiva u kartici brauzera. Takođe se može
videti u nekim pretraživačima prilikom pretrage
pored sajtova, na primer u Yandex-u).
Ovaj tag ima veoma mnogo atributa i oni mogu da primaju raznovrsne vrednosti, međutim u stvarnom životu se skoro svi ne koriste. Najpopularnije je povezivanje CSS-a i dodavanje favicon-a.
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 zatvarajući tag.
Atributi
| Atribut | Opis |
|---|---|
href |
Putanja do fajla koji se povezuje. |
media |
Tip uređaja za koji treba povezati fajl. Šta se podrazumeva - možete povezati CSS fajl samo za velike ekrane (vrednost screen)
ili samo za male ekrane: za mobilne telefone ili tablete (vrednost handheld).
Moguće vrednosti: all, braille, handheld, print, screen, speech, projection, tty, tv.
Više detalja pogledajte ispod.
|
rel |
Tip fajla koji se povezuje.
Moguće vrednosti: stylesheet | alternate.
Vrednost stylesheet ukazuje na to da se povezuje CSS fajl,
vrednost alternate se koristi, na primer, za označavanje veze
na fajl u XML formatu za opisivanje feed-a vesti, najava članaka.
|
charset |
Kodiranje fajla koji se povezuje.
Trenutno je standard utf-8.
|
type |
Tip podataka fajla koji se povezuje. |
Vrednosti atributa media
U HTML5 kao vrednosti mogu biti navedeni media upiti.
| Vrednost | Opis |
|---|---|
all |
Svi uređaji. |
screen |
Monitor ekrana. |
handheld |
Telefoni, pametni telefoni, uređaji sa malim ekranom. |
braille |
Uređaji zasnovani na Brajevom sistemu, namenjeni su slepim osobama. |
speech |
Govorni sintetizatori, kao i programi za reprodukciju teksta naglas. Tu spadaju i govorni brauzeri. |
print |
Štampači. |
projection |
Projektori. |
tty |
Teletype-ovi, terminali, prenosivi uređaji sa ograničenim mogućnostima ekrana. Za njih ne bi trebalo koristiti piksele kao jedinicu mere. |
tv |
Televizori, koji umeju da otvaraju web stranice (dešava se i to). |
Podrazumevana vrednost: all.
Primer
Hajde da pogledamo kako izgleda struktura najjednostavnije HTML stranice, kojoj dodajemo povezivanje CSS fajlova i favicon-a:
<!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>
