Тег 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 |
Телевизори кои можат да отвораат веб страници (и тоа понекогаш се случува). |
Стандардна вредност: 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>
