Link tegi
link tegi HTML sahifaga CSS fayllarini ulaydi.
Bundan tashqari, link tegi boshqa ba'zi fayllarni,
masalan, favikonnı ham ulaydi.
(Favikon - bu brauzer yorlig'ida ko'rinadigan sayt yorlig'idir.
Uni ba'zi qidiruv tizimlarida, masalan, Yandex-da qidiruv paytida
saytlar qarshisida ham ko'rish mumkin).
Ushbu tegda juda ko'p atributlar mavjud va ular turlı xil qıymatlarni qabul qilishi mumkin, ammo haqiqiy hayotda ularning barchasi amalda ishlatilmaydi. Eng mashhuri - bu CSS ni ulash va favikon qo'shish.
CSS ni qanday ulash kerak:
<link rel="stylesheet" href="style.css">
Favikonni qanday ulash kerak:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
link tegi yopılovchi teg talab qilmaydi.
Atributlar
| Atribut | Tavsif |
|---|---|
href |
Ulınadigan faylga yo'l. |
media |
Fayl ulanishi kerak bo'lgan qurilma turi. Ya'ni siz katta ekranlar uchun ( screen qıymati)
yoki faqat kichik ekranlar uchun: mobil telefonlar yoki planshetlar uchun (handheld qıymati) CSS faylini ulashingiz mumkin.
Mumkin bo'lgan qıymatlar: all, braille, handheld, print, screen, speech, projection, tty, tv.
Batafsil ma'lumot uchun quyıda ko'ring.
|
rel |
Ulınadigan fayl turi.
Mumkin bo'lgan qıymatlar: stylesheet | alternate.
stylesheet qıymati CSS faylı ulanayotganligini bildiradi,
alternate qıymati, masalan, yangiliklar lentasi, maqola elonlari uchun
XML formatidagi faylga havolani ko'rsatish uchun ishlatiladi.
|
charset |
Ulınadigan faylning kodlashi.
Hozirgi vaqtda standart utf-8 hisoblanadi.
|
type |
Ulınadigan faylning ma'lumot turi. |
Media atributi qıymatlari
HTML5 da qıymatlar sifatida media so'rovlari ko'rsatilishi mumkin.
| Qıymat | Tavsif |
|---|---|
all |
Barcha qurilmalar. |
screen |
Monitor ekrani. |
handheld |
Telefonlar, smartfonlar, kichik ekranlı qurilmalar. |
braille |
Braille tizimiga asoslangan, ko'zi ojiz odamlar uchun mo'ljallangan qurilmalar. |
speech |
Nutq sintezatorlari, shuningdek matnni ovoz chiqarib o'qıydigan dasturlar. Shu jumladan nutq brauzerlari. |
print |
Printerlar. |
projection |
Proyektorlar. |
tty |
Teletaıplar, terminalar, ekran imkoniyatlari cheklangan portativ qurilmalar. Ularda o'lchov birligi sifatida piksellardan foydalanish mumkin emas. |
tv |
Veb-sahifalarni ocha oladigan televizorlar (bunday ham bo'ladi). |
Standart qıymat: all.
Misol
Keling, CSS fayllari va favikonka qo'shilgan oddiy HTML sahifasining tuzilishi qanday ko'rinishini ko'rib chiqaylik:
<!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>
