استفاده از Favicon

استفاده از Favicon
favicon for html

با سلام

در این مطلب قصد داریم تا براتون در مورد Favicon توضیحاتی بدیم. به امید اینکه بتونه در کارهاتون به شما کمک کنه.

در ابتدا باید مفهوم Favicon برای شما روشن بشه پس باید بدونیم Favicon اصلا چی هست؟

Favicon چیست؟

Favicon کوتاه شده عبارت short of Favorite Icon می باشد که به معنای کوتاه کردن عبارت آیکن مورد علاقه است و به آیکن یا تصویری گفته می شود که هنگام لود صفحات وب در کنار نام وبسایت ها در مرورگرها نمایش داده می شود که به شکل زیر می باشد :

نحوه قرارگیری در کد های HTML :

جهت قرار دادن این تصویردر کد های HTMLباید ابتدا فایل مورد نظر تصویری خود را با فرمت ico یا icon تهیه و سپس اقدام به کدنویسی کنید.

کد دستوری لازم برای قرار گیری این تصویر در کنار عنوان سایت شما باید در تگ کد های Head نگارش شود و فرمت کدنویسی آن به شکل زیر می باشد :

<html>

<head>

<link rel="shortcut icon" href="http://example.com/myicon.ico" />


</head>

<body>
</body>

</html>

 

که در تکه کد بالا به جای http://example.com/myicon.ico آدرس آیکن خود را قرار دهید.

نکته:

شما می توانید فاوآیکن های خود را در فرمت های png و gif هم در سایت خود قرار دهید و html از این فرمت ها پشتیبانی میکند.

خب این هم آموزش این تکه کد ،امیدوارم مفید بوده باشه.

نظر فراموش نشه.

موفق و پیروز باشید.

دیدگاهتان را بنویسید