الأحد، 15 يناير 2017

إضافة أيقونة إلى صفحة ويب | Favicon

سوف نقوم بتصميم صفحة بسيطة كالتالي:




لتحديد الشعار (الأيقونة) يجب إضافة الوسم link 
<link rel="shortcut icon" href="fb.png" />
و الذي يحتوى على الخصائص:

  • rel

     لتحديد نوعية الملف الذي نريد ربطه بالصفحة المحددة، و هنا تمّ اسناد                      القيمة shortcut icon لأننا نريد إضافة شعار لصفحة الويب.

  • href

     لتحديد مسار الصورة التي نريدها كشعار لصفحة الويب مع تحديد إمتداد تلك الصورة.

و سوف يكون الكود كالتالي:



و نلاحظ وجود شعار فيسبوك بجانب عنوان الصفحة







مواضيع ذات صلة

إضافة أيقونة إلى صفحة ويب | Favicon
4/ 5
Oleh

إشترك بنشرة المواضيع

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

4 التعليقات

إلى التعليقات
avatar
15 يناير 2017 في 10:00 م

ما هي الأبعاد القياسية الصورة لضمان جودة الايقونة
أيضا هل تعمل صيغة png في كل المتصفحات ام يستلزم تحويل الصيغة ل icon

رد
avatar
16 يناير 2017 في 12:31 م

جزاك الله كل خير يا باش مهندس
تبادر إلى ذهني نفس سؤال الأخ وجيه

رد
avatar
17 يناير 2017 في 7:36 ص

تسلم ي مصعب ما قصرته والله

رد
avatar
17 يناير 2017 في 8:27 ص

الصورة تعمل على متصفح Chrome و Firefox بصورة جيدة .. أما أبعاد الصورة ليس لي بها علم لكن بالتأكيد سوف تؤثر

رد