Тег link
Тег link повезује CSS датотеке на HTML
страницу. Поред тога, link повезује
неке друге датотеке, на пример, фавикон.
(Фавикон је иконица сајта, која је
видљива на картици прегледача. Такође се може
видети у неким претраживачима приликом претраге
насупрот сајтовима, на пример у Yandex-у).
Овај тег има веома много атрибута и они могу да прихвате разноврсне вредности, међутим у стварном животу се они готово и не користе. Најпопуларније је повезивање CSS-а и додавање фавикона.
Како да повежем CSS:
<link rel="stylesheet" href="style.css">
Како да повежем фавикон:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Тег link не захтева затварајући тег.
Атрибути
| Атрибут | Опис |
|---|---|
href |
Пут до датотеке коју треба повезати. |
media |
Тип уређаја за који треба повезати датотеку. Шта се подразумева - можете повезати CSS датотеку само за велике екране (вредност screen)
или само за мале екране: за мобилне телефоне или таблете (вредност handheld).
Могуће вредности: all, braille, handheld, print, screen, speech, projection, tty, tv.
Више детаља погледајте испод.
|
rel |
Тип датотеке коју треба повезати.
Могуће вредности: stylesheet | alternate.
Вредност stylesheet указује на то да се повезује CSS датотека,
вредност alternate се користи, на пример, за навођење везе
на датотеку у формату XML за опис потока вести, најава чланака.
|
charset |
Кодирање датотеке коју треба повезати.
Тренутно је стандард utf-8.
|
type |
Тип података датотеке коју треба повезати. |
Вредности атрибута media
У HTML5 као вредности могу бити наведени медијски упити.
| Вредност | Опис |
|---|---|
all |
Сви уређаји. |
screen |
Екран монитора. |
handheld |
Телефони, паметни телефони, уређаји са малим екраном. |
braille |
Уређаји засновани на Брајевом систему, намењени су слепим људима. |
speech |
Говорни синтезатори, као и програми за читање текста наглас. Ту спадају и говорни прегледачи. |
print |
Штампачи. |
projection |
Пројектори. |
tty |
Телетајпи, терминали, преносиви уређаји са ограниченим могућностима екрана. За њих не треба користити пикселе као мерну јединицу. |
tv |
Телевизори који могу да отварају web странице (дешава се и то). |
Подразумевана вредност: all.
Пример
Хајде да погледамо како изгледа структура најједноставније HTML странице, којој ћемо додати повезивање CSS датотека и фавикона:
<!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>
