A link tag
A link tag CSS fájlokat csatol egy HTML
oldalhoz. Ezen kívül a link csatol
más fájlokat is, például a favicon-t.
(A favicon a webhely ikonja, amely
a böngésző lapján látható. Megjelenhet
néhány keresőben is a webhelyek mellett,
például a Yandex-ben).
Ennek a tagnak nagyon sok attribútuma van és ezek különféle értékeket vehetnek fel, azonban a való életben szinte egyiket sem használják. A legelterjedtebb a CSS csatolása és a favicon hozzáadása.
Hogyan csatoljunk CSS-t:
<link rel="stylesheet" href="style.css">
Hogyan csatoljunk favicon-t:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
A link tag nem igényel záró tagot.
Attribútumok
| Attribútum | Leírás |
|---|---|
href |
A csatolandó fájl elérési útja. |
media |
Az eszköz típusa, amelyre a fájlt csatolni kell. Ez azt jelenti, hogy csatolhat egy CSS fájlt csak nagy képernyőkre ( screen érték)
vagy csak kis képernyőkre: mobilokra vagy tabletekre (handheld érték).
Lehetséges értékek: all, braille, handheld, print, screen, speech, projection, tty, tv.
Részletek lentebb.
|
rel |
A csatolandó fájl típusa.
Lehetséges értékek: stylesheet | alternate.
A stylesheet érték azt jelzi, hogy egy CSS fájl csatolása történik,
a alternate értéket például egy XML formátumú fájl hivatkozására használják
a hírfolyam vagy a cikkek bejelentése esetén.
|
charset |
A csatolandó fájl kódolása.
Jelenleg a szabvány a utf-8.
|
type |
A csatolandó fájl adattípusa. |
A media attribútum értékei
HTML5-ben médialekérdezések is megadhatók értékként.
| Érték | Leírás |
|---|---|
all |
Minden eszköz. |
screen |
Monitor képernyője. |
handheld |
Telefonok, okostelefonok, kis képernyős eszközök. |
braille |
A Braille-rendszeren alapuló eszközök, vak emberek számára készültek. |
speech |
Beszédszintetizátorok, valamint szöveg hangos lejátszására szolgáló programok. Ide tartoznak a hangalapú böngészők is. |
print |
Nyomtatók. |
projection |
Projektorok. |
tty |
Távírók, terminálok, korlátozott képernyőlehetőségekkel rendelkező hordozható eszközök. Ezeknél nem szabad pixelket használni mértékegységként. |
tv |
Weboldalakat megnyitni képes televíziók (előfordul ilyen is). |
Alapértelmezett érték: all.
Példa
Nézzük meg, hogyan néz ki egy egyszerű HTML oldal szerkezete, amelyhez hozzáadunk CSS fájlok és favicon csatolását:
<!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>
