كيف - أضف رمز مفضل في HTML
تعرف على كيفية إضافة رمز مفضل في 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" وأعد تحميله في متصفحك. يجب أن تعرض علامة تبويب المتصفح الآن صورة الأيقونة المفضلة على يسار عنوان الصفحة.