Тэг link
Тэг link падключае CSS файлы на HTML
старонку. Акрамя таго, link падключае
некаторыя іншыя файлы, напрыклад, фавікон.
(Фавікон - гэта ярлычак сайта, які
відаць ва ўкладцы браўзера. Яго таксама можна
ўбачыць у некаторых пошукавіках пры пошуку
насупраць сайтаў, напрыклад у Яндексе).
У дадзенага тэга вельмі шмат атрыбутаў і яны могуць прымаць разнастайныя значэнні, аднак у рэальным жыцці яны ўсе практычна не выкарыстоўваюцца. Самае папулярнае - гэта падключэнне CSS і дадаванне фавікона.
Як падключыць CSS:
html<link rel="stylesheet" href="style.css">
Як падключыць фавікон:
html<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 |
Тэлетайпы, тэрміналы, партатыўныя прылады з абмежаванымі магчымасцямі экрана. Для іх не павінны выкарыстоўвацца пікселі ў якасці адзінак вымярэння. |
tty |
Тэлевізары, якія ўмеюць адкрываць web старонкі (бывае і такое). |
Значэнне па змаўчанні: all.
Прыклад
Давайце паглядзім, як выглядае структура найпрасцейшай HTML старонкі, да якой дадзім падключэнне CSS файлаў і фавіконкі:
html<!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>