W3SCHOOLS
  • Dasturlashni dunyodagi eng katta dasturchilar saytidan o'rganing
  • HTML
    • Boshlash
      • Tanishuv
      • Editorlar
      • Boshlang'ich
      • Elementlar
      • Atributlar
      • Headinglar
      • Paragraflar
      • Style
      • Formatlash
      • Iqtiboslar
      • Izohlar
      • Ranglar
        • RGB
        • HEX
        • HSL
      • CSS
      • Havolalar
        • Havola ranglari
        • Havola bookmarklari
      • Rasmlar
        • Rasmlar
        • Rasm xaritalari
        • Orqafon rasmlar
        • Picture elementi
      • Favicon
      • Sahifa sarlavhasi
      • Ro'yxatlar
        • Tartiblanmagan ro'yxat
        • Tartiblangan ro'yxat
        • Tarifli ro'yxatlar
      • Block & Inline
      • Div elementi
      • Klasslar
      • Semantika
  • CSS
    • CSS qo'llanma
      • CSS HOME
      • CSS Tanishuv
      • CSS Sintaksis
      • CSS Selektorlar
      • CSS qanday qo'shiladi
      • CSS Izohlar
      • CSS Ranglar
        • RGB
        • HEX
        • HSL
      • CSS Matn
        • Matn ranggi
        • Matn joylashuvi
        • Text decoration
        • Text transform
        • Matn oralig'i
        • Text shadow
      • CSS Backgroundlar
        • Background color
        • Background image
        • Background repeat
        • Background attachment
        • Background shorthand
    • CSS Borderlar
      • Chegara kengligi
      • Chegara rangi
      • Chegara tomonlari
      • Border qisqarmasi
      • Yumaloq chegaralar
    • CSS Marginlar
      • Margin collapse
    • CSS Padding
    • CSS Width/Height
Powered by GitBook
On this page
  • HTML-ga Favikonni qanday qo'shish mumkin
  • Favicon fayl formatini qo'llab-quvvatlanishi
  • Bo'lim xulosasi
  • HTML havola teglari
  1. HTML
  2. Boshlash

Favicon

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

PreviousPicture elementiNextSahifa sarlavhasi

Last updated 1 year ago

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:

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

Bo'lim xulosasi

  • Favikon kiritish uchun HTMLning <link> elementidan foydalaning

HTML havola teglari

Teg
Ta'rif

<link>

Sahifa va tashqi resurs o'rtasini bog'lashni ifodalaydi