Favicon در HTML
Favicon یک تصویر کوچک است که در کنار عنوان صفحه در تب مرورگر نمایش داده می‌شود.
چگونه یک Favicon در HTML اضافه کنیم
شما می‌توانید هر تصویری را که دوست دارید به عنوان Favicon خود استفاده کنید. همچنین می‌توانید Favicon خود را در سایت‌هایی مانند https://www.favicon.cc بسازید.
نکته: Favicon یک تصویر کوچک است، بنابراین باید یک تصویر ساده با کنتراست بالا باشد.
یک تصویر Favicon در سمت چپ عنوان صفحه در تب مرورگر نمایش داده می‌شود، به این شکل:
مثالی از Favicon
برای افزودن یک Favicon به وب‌سایت خود، یا تصویر Favicon خود را در دایرکتوری روت وب‌سرور خود ذخیره کنید، یا یک پوشه به نام images در دایرکتوری روت ایجاد کرده و تصویر Favicon خود را در این پوشه ذخیره کنید. یک نام رایج برای تصویر Favicon "favicon.ico" است.
در مرحله بعد، یک عنصر <link> را به فایل "index.html" خود، بعد از عنصر <title>، به این شکل اضافه کنید:
مثال
<!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>حالا، فایل "index.html" را ذخیره کرده و آن را در مرورگر خود بارگذاری کنید. تب مرورگر شما باید اکنون تصویر Favicon شما را در سمت چپ عنوان صفحه نمایش دهد.
پشتیبانی فرمت فایل Favicon
جدول زیر پشتیبانی فرمت فایل را برای یک تصویر Favicon نشان می‌دهد:
خلاصه فصل
-
از عنصر
<link>HTML برای درج Favicon استفاده کنید.
تگ لینک HTML