rel
HTML <link> rel atributi
Misol
Tashqi uslublar jadvalini import qiling:
<link rel="stylesheet" href="styles.css">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar keltirilgan.
Ta’rif va qo‘llanilishi
Majburiy rel atributi joriy hujjat va bog‘langan hujjat/resurs o‘rtasidagi munosabatni belgilaydi.
Brauzerlarda qo‘llab-quvvatlash
| Atribut | |||||
|---|---|---|---|---|---|
| rel | Ha | Ha | Ha | Ha | Ha |
Sintaksis
<link rel="value">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| alternate | Hujjatning muqobil versiyasiga havola beradi (masalan, chop etish sahifasi, tarjima yoki ko‘zgu nusxasi). Misol: <link rel="alternate" type="application/atom+xml" title="W3Schools News" href="/blog/news/atom"> |
| author | Hujjat muallifiga havola beradi |
| dns-prefetch | Brauzer maqsadli resurs manbasi (origin) uchun DNS so‘rovini oldindan bajarishi kerakligini belgilaydi |
| help | Yordam hujjatiga havola beradi. Misol: <link rel="help" href="/help/"> |
| icon | Hujjatni ifodalovchi ikonkani import qiladi. Misol: <link rel="icon" href="favicon.ico" type="image/x-icon"> |
| license | Hujjatning mualliflik huquqi haqidagi ma’lumotlariga havola beradi |
| next | Seriyadagi keyingi hujjatga havola beradi |
| pingback | Joriy hujjatga yo‘naltirilgan pingback’larni qayta ishlovchi pingback serverining manzilini beradi |
| preconnect | Brauzer maqsadli resurs manbasiga (origin) oldindan ulanishi kerakligini belgilaydi. |
| prefetch | Maqsadli resurs keyingi navigatsiyada kerak bo‘lishi ehtimoli yuqori bo‘lgani uchun brauzer uni oldindan yuklab olib, keshlashi kerakligini belgilaydi |
| preload | Brauzer agenti joriy navigatsiya uchun maqsadli resursni "as" atributida berilgan manzil turiga (va shu manzil turiga bog‘liq ustuvorlikka) muvofiq oldindan yuklab olib, keshlashi shart ekanligini belgilaydi. |
| prerender | Brauzer ko‘rsatilgan veb-sahifani fonda oldindan render qilishi (yuklashi) kerakligini belgilaydi. Shunday qilib, foydalanuvchi ushbu sahifaga o‘tsa, sahifa tezroq yuklanadi (chunki sahifa allaqachon yuklangan). Ogohlantirish! Bu foydalanuvchining internet trafigini behuda sarflaydi! prerender’dan faqat veb-sahifa foydalanuvchiga qachondir albatta kerak bo‘lishiga to‘liq ishonchingiz komil bo‘lgandagina foydalaning |
| prev | Hujjat biror seriyaning bir qismi ekanligini va seriyadagi oldingi hujjat havola qilingan hujjat ekanligini bildiradi |
| search | Joriy hujjat va unga tegishli sahifalar bo‘ylab qidirish uchun ishlatilishi mumkin bo‘lgan resursga havola beradi. |
| stylesheet | Uslublar jadvalini import qiladi |
Ko‘proq misollar
Misol
Veb-saytga favicon qo‘shish usuli:
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
❮ HTML <link> tegi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!