Favicon

Favicon – bu brauzerning yorlig'ida sahifa sarlavhasi yonida ko'rsatiladigan kichik rasm.

HTML Favicon

Favicon – bu brauzerning yorlig'ida sahifa sarlavhasi yonida ko'rsatiladigan kichik rasm.

Favicon

HTML Faviconni Qanday Qo'shish Mumkin

Siz favicon sifatida istalgan rasmni ishlatishingiz mumkin. Shuningdek, o'zingizning favicon rasmingizni https://www.favicon.cc kabi saytlarda yaratishingiz mumkin.

Maslahat

Favicon kichik rasm bo'lgani uchun oddiy, yuqori kontrastli rasm bo'lishi kerak.

Favicon rasmi brauzer yorlig'ida sahifa sarlavhasi chap tomonida ko'rsatiladi, masalan:

Favicon misoli Veb-saytingizga favicon qo'shish uchun favicon rasmni veb-serveringizning ildiz katalogiga saqlang yoki ildiz katalogida images nomli papka yarating va favicon rasmni ushbu papkaga saqlang. Favicon rasmi uchun keng tarqalgan nom "favicon.ico" hisoblanadi.

Keyin, index.html faylingizdagi <title> elementidan keyin <link> elementini qo'shing:

Misol

<!doctype html>
<html>
  <head>
    <title>Mening Sahifa Sarlavham</title>
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
  </head>
  <body>
    <h1>Bu Sarlavha</h1>
    <p>Bu Paragraf.</p>
  </body>
</html>

Endi, index.html faylini saqlang va brauzeringizda yangilang. Brauzer yorlig'ida favicon rasm sahifa sarlavhasi chap tomonida ko'rsatiladi.

Favicon Fayl Formati Qo'llab-quvvatlashi

Quyidagi jadvalda favicon rasm uchun fayl formatlarini brauzerlar tomonidan qo'llab-quvvatlanishi ko'rsatilgan:

BrauzerICOPNGGIFJPEGSVG
EdgeHaHaHaHaHa
ChromeHaHaHaHaHa
FirefoxHaHaHaHaHa
OperaHaHaHaHaHa
SafariHaHaHaHaHa

Bo'lim Xulosasi

  • Faviconni qo'shish uchun HTML <link> elementidan foydalaning.

HTML Mashqlari

Mashq: Qaysi HTML tegi faviconni (brauzer yorlig'ining chap tomonidagi kichik rasmni) boshqarish uchun ishlatiladi?

<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
TegTavsif
<link>Hujjat va tashqi resurs o'rtasidagi bog'liqlikni aniqlaydi

Ushbu sahifada

Xato haqida xabar berish