Favicon — bu brauzer tabida sahifa sarlavhasi yonida ko'rsatiladigan kichik rasm.
HTMLda favicon qo'shish
Siz favicon sifatida istalgan rasmdan foydalanishingiz mumkin. Favicon yaratish uchun https://www.favicon.cc kabi xizmatlardan foydalanishingiz mumkin.
Maslahat: Favicon juda kichik rasm bo'lgani uchun, oddiy va kontrastli dizaynlarni tanlang.
Brauzer tabida favicon qanday ko'rinishini misol:
Favicon rasmini saytingizning root papkasiga (yoki images/ papkasiga) saqlang. Odatda fayl nomi favicon.ico bo'ladi.
index.html faylingizga <title> elementidan keyin quyidagi <link> elementini qo'shing:
<!DOCTYPE html>
<html>
<head>
<title>Mening Sahifam Sarlavhasi</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>Bu Sarlavha</h1>
<p>Bu Paragraf.</p>
</body>
</html>Endi index.html faylini saqlang va sahifani brauzeringizda yangilang — tabda sarlavha yonida favicon paydo bo'ladi.
Favicon fayl formatlari qo'llab-quvvatlanishi
Quyidagi jadvalda favicon fayl formatlarining brauzerlarda qo'llab-quvvatlanishi ko'rsatilgan:
| Brauzer | 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 yakuni
- HTML
<link>elementi yordamida favicon qo'shish mumkin.
HTML Link tegi
| Teg | Tavsifi |
|---|---|
<link> | Hujjat va tashqi resurs o'rtasidagi bog'liqlikni belgilaydi |
HTML teglarining to'liq ro'yxati uchun HTML Tag Reference sahifasiga qarang.