Favicon


HTML’da favicon qo‘shishni o‘rganing.


ULASHISH

HTML’da favicon qanday qo‘shiladi

Favicon — brauzer tabida sahifa sarlavhasi yonida ko‘rsatiladigan kichik rasm.

Favicon sifatida istalgan rasmdan foydalanishingiz mumkin. Shuningdek, https://favicon.cc kabi saytlarda o‘z faviconingizni yaratishingiz ham mumkin.

Maslahat: Favicon kichik rasm bo‘lgani uchun u yuqori kontrastli, oddiy rasm bo‘lishi kerak.

Favicon rasmi brauzer tabida sahifa sarlavhasining chap tomonida quyidagicha ko‘rsatiladi:

Example of favicon

Veb-saytingizga favicon qo‘shish uchun favicon rasmini veb-serveringizning ildiz katalogiga saqlang yoki ildiz katalogda images nomli papka yaratib, favicon rasmini shu papkaga saqlang. Favicon rasmi uchun keng tarqalgan nom — "favicon.ico".

So‘ngra "index.html" faylingizga <title> elementidan keyin <link> elementini quyidagicha qo‘shing:

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 uni brauzerda qayta yuklang. Endi brauzer tabida sahifa sarlavhasining chap tomonida favicon rasmingiz ko‘rinishi kerak.



W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!