HTML Favicon
فاوآیکون همان آیکون کوچک کنار عنوان صفحه در تب مرورگر، نشانک‌ها و گاهی نوار آدرس است. برای افزودن فاوآیکون به صفحه وبسایت، معمولاً از تگ در داخل بخشفایل HTML استفاده می‌کنیم.
مثال ساده برای اضافه کردن فاوآیکون:
<head>
<title>وبسایت من</title>
<link rel=“icon” href=“favicon.ico” type=“image/x-icon” />
</head>
نکات مهم:
-
مقدار
hrefمسیر فایل فاوآیکون را مشخص می‌کند. معمولاً فرمت.icoاست ولی مرورگرهای جدید از.png،.svgو.gifهم پشتیبانی می‌کنند. -
rel="icon"مشخص می‌کند که این لینک مربوط به آیکون است. -
typeنوع فایل آیکون را مشخص می‌کند و اختیاری اما توصیه شده است.
مثال با فاوآیکون PNG:
<head>
<title>وبسایت من</title>
<link rel=“icon” href=“favicon.png” type=“image/png” />
</head>
نمونه استفاده برای اندازه‌های مختلف آیکون:
<head>
<link rel=“icon” type=“image/png” sizes=“32×32” href=“/favicon-32×32.png”>
<link rel=“icon” type=“image/png” sizes=“16×16” href=“/favicon-16×16.png”>
<link rel=“shortcut icon” href=“/favicon.ico” type=“image/x-icon” />
</head>
دیدگاهتان را بنویسید