رمز HTML المفضل
الأيقونة المفضلة هي صورة صغيرة تُعرض بجانب عنوان الصفحة في علامة تبويب المتصفح.
كيفية إضافة رمز مفضل في HTML
يمكنك استخدام أي صورة تحبها كرمز مفضل خاص بك. يمكنك أيضًا إنشاء الأيقونة المفضلة الخاصة بك على مواقع مثل https://favicon.cc .
نصيحة: الأيقونة المفضلة هي صورة صغيرة ، لذا يجب أن تكون صورة بسيطة ذات تباين عالٍ.
يتم عرض صورة الأيقونة المفضلة على يسار عنوان الصفحة في علامة تبويب المتصفح ، على النحو التالي:
لإضافة رمز مفضل إلى موقع الويب الخاص بك ، احفظ صورة الأيقونة المفضلة لديك في الدليل الجذر لخادم الويب الخاص بك ، أو أنشئ مجلدًا في الدليل الجذر يسمى الصور ، واحفظ صورة الأيقونة المفضلة في هذا المجلد. الاسم الشائع لصورة الأيقونة المفضلة هو "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" وأعد تحميله في متصفحك. يجب أن تعرض علامة تبويب المتصفح الآن صورة الأيقونة المفضلة على يسار عنوان الصفحة.
دعم تنسيق ملف فافيكون
يوضح الجدول التالي دعم تنسيق الملف لصورة الأيقونة المفضلة:
| Browser | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| Edge | Yes | Yes | Yes | Yes | Yes |
| Chrome | Yes | Yes | Yes | Yes | Yes |
| Firefox | Yes | Yes | Yes | Yes | Yes |
| Opera | Yes | Yes | Yes | Yes | Yes |
| Safari | Yes | Yes | Yes | Yes | Yes |
ملخص الفصل
- استخدم
<link>عنصر HTML لإدراج الأيقونة المفضلة
علامة ارتباط HTML
| Tag | Description |
|---|---|
| <link> | Defines the relationship between a document and an external resource |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .