Favicon

Favikon - bu brauzer yorlig'ida sahifa sarlavhasi yonida ko'rsatiladigan kichik rasm.

HTML-ga Favikonni qanday qo'shish mumkin

O'zingizga yoqqan har qanday rasmdan favikon sifatida foydalanishingiz mumkin. Bundan tashqari, favicon.cc kabi saytlarda ham o'z favikoningizni yaratishingiz mumkin.

Maslahat: Favikon kichik rasm, shuning uchun u yuqori kontrastli oddiy rasm bo'lishi kerak.

Favikon rasm brauzerning tab sahifa sarlavhasining chap tomonida ko'rsatiladi, masalan:

Veb-saytingizga favikon qo'yish uchun favikonni veb-serveringizning asosiy papkasiga joylashtiring yoki asosiy papkada boshqa bir img nomli papka yarating va favikon rasmni o'sha yerga joylashtiring. Favikon rasmining keng tarqalgan nomi "favicon.ico" hisoblanadi.

Keyin "index.html" faylingizga <title> elementidan so'ng <link> elementini qo'shing, masalan:

<!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 saqlab qo'ying va uni brauzeringizga qayta oching. Brauzeringiz tab qismi endi sahifa sarlavhasining chap tomonida favikon rasmingizni ko'rsatishi kerak.

Favicon fayl formatini qo'llab-quvvatlanishi

Quyidagi jadvalda favikon rasmning fayl formatini qo'llab-quvvatlovchi brauzer va formatlar ko'rsatilgan:

Bo'lim xulosasi

  • Favikon kiritish uchun HTMLning <link> elementidan foydalaning

HTML havola teglari

PreviousPicture elementiNextSahifa sarlavhasi

Last updated