Link тегі
link тегі HTML бетіне CSS файлдарын қосады.
Сонымен қатар, link тегі басқа кейбір файлдарды да қосады,
мысалы, фавиконды.
(Фавикон - бұл браузердің қоймасында көрінетін сайт белгішесі.
Оны кейбір іздеу жүйелерінде сайттарды іздеген кезде де көруге болады,
мысалы, Яндексте).
Бұл тегтің атрибуттары өте көп және олар әртүрлі мәндерді қабылдай алады, дегенмен шынайы өмірде олардың барлығы іс жүзінде қолданылмайды. Ең танымалы - бұл 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 |
Web беттерді аша алатын теледидарлар (бұл да болады). |
Әдепкі мән: 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>
