Теги 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 ҳамчун қиматҳо метавонанд дархостҳои медиа (media queries) муайян карда шаванд.
| Қимат | Тавсиф |
|---|---|
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>
