HTML favicon
Favicon — bu brauzer varag‘ida sahifa sarlavhasi yonida ko‘rsatiladigan kichik rasm.
HTML’ga favicon qanday qo‘shiladi
Favicon sifatida istalgan rasmingizdan foydalanishingiz mumkin. Shuningdek, https://www.favicon.cc kabi saytlarda o‘z faviconingizni yaratasiz.
Maslahat: favicon kichik rasm bo‘lgani uchun sodda va ranglari bir-biridan yaqqol ajralib turadigan bo‘lishi kerak.
Favicon rasmi brauzer varag‘ida sahifa sarlavhasining chap tomonida quyidagicha ko‘rsatiladi:
Saytingizga favicon qo‘shish uchun favicon rasmingizni veb-serveringizning ildiz (root) katalogiga saqlang yoki ildiz katalogda images nomli papka yarating va favicon rasmingizni shu papkaga saqlang. Favicon rasmi uchun keng tarqalgan nom — "favicon.ico".
So‘ngra, "index.html" faylingizga <title> elementidan keyin
<link> elementini qo‘shing, quyidagicha:
Misol
<!DOCTYPE html>
<html>
<head>
<title>My Page
Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Endi "index.html" faylini saqlang va brauzeringizda qayta yuklang. Brauzer varag‘ingiz endi sahifa sarlavhasining chap tomonida favicon rasmingizni ko‘rsatishi kerak.
Favicon fayl formatlari qo‘llanilishi
Quyidagi jadvalda favicon rasmi uchun fayl formati qo‘llab-quvvatlanishi ko‘rsatilgan:
| Browser | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| Edge | Ha | Ha | Ha | Ha | Ha |
| Chrome | Ha | Ha | Ha | Ha | Ha |
| Firefox | Ha | Ha | Ha | Ha | Ha |
| Opera | Ha | Ha | Ha | Ha | Ha |
| Safari | Ha | Ha | Ha | Ha | Ha |
Bob xulosasi
- Favicon qo‘shish uchun HTML
<link>elementidan foydalaning
HTML link tegi
| Tag | Tavsif |
|---|---|
| <link> | Hujjat va tashqi manba o‘rtasidagi munosabatni belgilaydi |
Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!