البيان 1: <link rel = اختصار أيقونة href = favicon.ico />
العبارة 2 <link rel = icon href = animated_favicon.gif type = image /gif />
ملاحظة: أيقونة اختصار البيان هو الرمز الذي يظهر أمام عمود عنوان URL.
سؤال: ما هي وظيفة رمز البيان 2؟ ما هو الفرق بين البيان 1؟
مرشد
في الماضي ، اعتمد مصممو المواقع والمطورين مجموعة متنوعة من الطرق لضمان ظهور Favicon. من الصعب التأكد صراحةً أنه يمكن عرض Favicon على جميع أجهزة الكمبيوتر ، حتى مع نفس الإصدار من متصفح واحد.
هناك قيود أخرى على الرمز التالي وهي أنه يربط Favicon بمستند HTML أو XHTML محدد. لتجنب ذلك ، يجب وضع ملف favicon.ico في دليل الجذر. سوف تكتشف معظم المتصفحات تلقائيًا واستخدامها.
يوصى بتضمين الخطين التاليين من كود HTML:
شفرة:
<link rel = hearcut icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
ومع ذلك ، فإن السطر الأول فقط ضروري لأنه سيتم التعرف على سلسلة أيقونة الاختصار من خلال معظم المتصفحات المتوافقة مع المعيار حيث سيتم تجاهل الاختصار ، وسيتم تطبيق الرموز فقط) ؛ وسيستخدمها Internet Explorer كاسم منفصل (أيقونة الاختصار). نتيجة ذلك هي أن جميع المتصفحات يمكنها فهم هذا الرمز. من الضروري فقط إضافة سطر ثانٍ إذا كنت ترغب في توفير صورة بديلة أخرى (مثل GIF المتحركة) للمتصفح الجديد.
في HTML ، يجب أن يكون عنصر الارتباط في عنصر الرأس (بين <head> و </head>).
بالنسبة لـ XHTML ، يجب أن يستخدم الارتباط End (أو>/link>) ، ولا يمكنه استخدام End.
يمكن لـ HREF ، ولكن لا ، الإشارة إلى موقع /favicon.ico. يمكن أن يشير إلى أي عنوان URL.
يمكن أن تستخدم الصور عادة أي تنسيق صورة مدعوم من المتصفح.
يمكن عادةً قراءة تنسيق ملف .ico بواسطة جميع المتصفحات التي يمكن أن تعرض Favicon.
قم بإعداد الخادم لإرسال معرف MIME الصحيح:
صورة ملف ICO/VND.Microsoft.icon (أو يمكن أيضًا استخدام Image/X-Icon لأسباب توافق. ومع ذلك ، من الأفضل استخدام نوع MIME المسجل IANA ، حيث تدعمه معظم المتصفحات الرئيسية الآن)
صورة ملف GIF/GIF
PNG صورة صورة/PNG
استخدام الدقة المناسبة وعمق اللون.
ICO: يتضمن قرارات متعددة (الأكثر استخدامًا هي 16 × 16 و 32 × 32 ، ويستخدم Mac OS X أحيانًا 64 × 64 و 128 × 128) وعمق بت (بت لكل بكسل) (في الغالب استخدام 4 و 8 و 24 BPP ، أي 16 و 256 و 16 مليون لون).
GIF: استخدم 16 × 16 ، 256 لونًا.
PNG: استخدم 16 × 16 ، 256 لونًا أو 24 بت.
ملاحظة: عندما يتم وضع Favicon.ico في دليل جذر المستند ، فسيتم العثور عليه بواسطة بعض المتصفحات التي لا تعالج عنصر الارتباط ، حتى لو لم يكن هناك رابط له على موقعك.
التقييس
تم إنشاء وظيفة Favicon لأول مرة بواسطة Microsoft ، وسيطلب متصفح الويب الخاص بـ Internet Explorer من Microsoft Favicon لكل موقع ويب. لا تتوافق علامات الارتباطات المدعومة من Microsoft لتوصيات HTML الخاصة باتحاد الويب World Wide (W3C ، كونسورتيوم World Wide Web) لأنه:
يجب أن تحتوي سمة REL على قائمة بأنواع الارتباطات التي تستخدم المساحات كحدد ، لذلك لا يمكن فهم نوع الارتباط الذي يحتوي على كلمتين بواسطة المتصفحات القياسية.
لا يحتوي نوع ملف .ico (تنسيق نقطي على الرموز على Microsoft Windows) على نوع MIME مسجل ، ويبدو أنه لا يمكن فهمه من قبل معظم المتصفحات في ذلك الوقت. ومع ذلك ، في عام 2003 ، تم تسجيل هذا التنسيق لدى IANA ، ونوع MIME هو Image/VND.Microsoft.icon ، وبالتالي التخلص من الجزء الأول من هذه المشكلة.
يتناقض استخدام الموقع المحجوز على موقع الويب مع بنية الويب العالمية ، ويعتبر أيضًا ارتباطًا القرفصاء أو القرفصاء URI.
يضيف متصفح Mozilla دعم Favicon من خلال طريقة تتوافق مع معايير الويب. يتطلب الأمر rel = أيقونة ويسمح لمصممي الويب بإضافة Favicon في أي تنسيق صورة مدعوم. على سبيل المثال <link rel = icon type = image/png href =/path/image.png>. في وقت لاحق ، بالنظر إلى أن هذه الميزة سيتم استخدامها لجميع المحتوى الجديد ، أضافت معظم المتصفحات دعمًا لهذه الميزة.