Link теги
link теги CSS файлдарын HTML
баракчага туташтырат. Мындан тышкары, link теги
башка кээ бир файлдарды да туташтырат, мисалы, favicon.
(Favicon - бул браузердин жармашыгында
көрүнгөн сайттын майда сүрөтчөсү. Аны
кээ бир издөө системдеринде издөө учурунда
сайттардын жанынан көрүүгө болот, мисалы, Yandex).
Бул тегдин өтө көп атрибуттары бар жана алар ар кандай маанилерди кабыл алышат, бирок чындыгында алардын бардыгы практикалык колдонулушпайт. Эң популярдуусу - бул CSS туташтыруу жана favicon кошуу.
CSS туташтыруу кандайча:
<link rel="stylesheet" href="style.css">
Favicon туташтыруу кандайча:
<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-сурамдар көрсөтүлүшү мүмкүн.
| Маани | Сүрөттөмө |
|---|---|
all |
Бардык түзмөктөр. |
screen |
Монитордун экраны. |
handheld |
Телефондор, смартфондор, кичинекей экрануу түзмөктөр. |
braille |
Брайль системасына негизделген, сокур адамдар үчүн ылайыкталган түзмөктөр. |
speech |
Сүйлөө синтезаторлору, ошондой эле текстти үндө окуучу программалар. Сүйлөө браузерлери дагы ушул топко кирет. |
print |
Принтерлер. |
projection |
Проекторлор. |
tty |
Телетайптар, терминалдар, экрандык мүмкүнчүлүктөрү чектелген кол жөлөө түзмөктөрү. Алар үчүн бирдик катары пикселдер колдонулбашы керек. |
tv |
Web баракчаларды ача билген телевизорлор (мындай да болот). |
Демейки маани: all.
Мисал
Келгиле, эң жөнөкөй HTML баракчасынын түзүлүшү кандай болорун, анга CSS файлдарын жана favicon'ду кошкондо кандай болорун карап көрөлү:
<!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>
