HTML Favicon

-

Favicon عبارة عن ايقونة صغيرة تعرض في شريط العنوان بجانب عنوان الموقع للمتصفح وعادتا ما تكون الشعار الخاص بالموقع ولان مكان العرض في شريط العنوان فيجب ان يكون حجم الصورة صغير مع دقة عالية. يمكن استخدام أي صورة تريد ك Favicon 

طريقة الكتابة بتكون :
  <link rel="icon" type="image/x-icon" href="favicon.ico">
تمام نطبق مثال حتي نفهم الموضوع.
الصورة الي بطبقها في هذا المثال هي : 

واسم الصورة هو favicon.jpg 
طبق الكود التالي داخل صفحة HTML 

<!DOCTYPE html>
<html>
<head>
    <title>My favicon Icon</title>
    <link rel="icon" type="image/x-icon" href="favicon.jpg">
    <style>
    </style>
</head>
<body>
    <div >
        <p >
            <picture>
                <source media="(min-width: 650px)" srcset="BMW.jpg">
                <source media="(min-width: 465px)" srcset="mercedes-benz-s-class.jpg">
                <img src="Motorcycle.jpg" style="width:auto;">
              </picture>
    </p>
      </div>
</body>
</html>
شغل الصفحة وشوف النتيجة 


اكيد تلاحظ ان بجانب اسم الصفحة تم إضافة ايقونة