Link теги
link теги HTML саҳифага CSS файлларни
улайди. Бундан ташқари, 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.
Мисол
Келгила, 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>