Tag-ja link
Tag-ja link lidh skedarë CSS në një faqe
HTML. Përveç kësaj, link lidh
disa skedarë të tjerë, për shembull, favicon.
(Favicon është ikona e sitit, e cila
shihet në skedën e shfletuesit. Gjithashtu mund të
shihet në disa motorë kërkimi gjatë kërkimit
përballë sajteve, për shembull në Yandex).
Ky tag ka shumë atribute dhe ata mund të marrin vlera të larmishme, megjithatë në jetën reale ata pothuajse nuk përdoren. Gjëja më e popullarizuar është lidhja e CSS dhe shtimi i favicon.
Si të lidhni CSS:
<link rel="stylesheet" href="style.css">
Si të lidhni favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tag-ja link nuk kërkon tag mbyllës.
Atributet
| Atributi | Përshkrimi |
|---|---|
href |
Rruga te skedari që do të lidhet. |
media |
Lloji i pajisjes për të cilën duhet të lidhet skedari. Çfarë nënkuptohet - ju mund të lidhni një skedar CSS vetëm për ekranë të mëdhenj (vlera screen)
ose vetëm për ekranë të vegjël: për celularë ose tableta (vlera handheld).
Vlerat e mundshme: all, braille, handheld, print, screen, speech, projection, tty, tv.
Shikoni më poshtë për më shumë detaje.
|
rel |
Lloji i skedarit që lidhet.
Vlerat e mundshme: stylesheet | alternate.
Vlera stylesheet tregon se po lidhet një skedar CSS,
vlera alternate përdoret, për shembull, për të treguar lidhjen
me një skedar në format XML për të përshkruar prurjen e lajmeve, njoftime të artikujve.
|
charset |
Kodimi i skedarit që lidhet.
Në kohët e sotme standardi është utf-8.
|
type |
Lloji i të dhënave të skedarit që lidhet. |
Vlerat e atributit media
Në HTML5 si vlera mund të përcaktohen media query.
| Vlera | Përshkrimi |
|---|---|
all |
Të gjitha pajisjet. |
screen |
Ekrani i monitorit. |
handheld |
Telefonat, smartphone-at, pajisje me ekran të vogël. |
braille |
Pajisjet e bazuara në sistemin Braille, të destinuara për njerëzit e verbër. |
speech |
Sintetizuesit e të folurit, si dhe programet për riprodhim të tekstit me zë. këtu përfshihen edhe shfletuesit me zë. |
print |
Printerët. |
projection |
Projektorët. |
tty |
Teleprinterët, terminalet, pajisje portative me mundësi të kufizuara të ekranit. Për to nuk duhet të përdoren pixel si njësi matëse. |
tv |
Televizorët, të cilët dinë të hapin faqe web (ndodh edhe kështu). |
Vlera e parazgjedhur: all.
Shembull
Le të shohim se si duket struktura e një faqeje HTML të thjeshtë, së cilës i shtojmë lidhjen e skedarëve CSS dhe favicon:
<!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>
