ستجد حلا: أيقونة صفحة html

آخر تحديث: 09/11/2023
نبذة عن الكاتب: مسار مصدر HTML

تكمن المشكلة الرئيسية المتعلقة برموز صفحات HTML في أنها غالبًا ما تكون غير مُحسَّنة بشكل صحيح لاستخدام الويب. يمكن أن يؤدي ذلك إلى بطء أوقات التحميل ، حيث يتعين على المتصفح تنزيل ملف الرمز بالكامل قبل عرضه. بالإضافة إلى ذلك ، إذا كان الرمز كبيرًا جدًا أو بتنسيق غير مدعوم ، فقد لا يتم عرضه بشكل صحيح على جميع المتصفحات والأجهزة. أخيرًا ، إذا لم يتم تحسين رمز صفحة HTML بشكل صحيح لمعايير إمكانية الوصول ، فقد يكون من الصعب أو المستحيل على المستخدمين ذوي الإعاقة الوصول إلى محتواها.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

1. ينشئ هذا السطر من التعليمات البرمجية ارتباطًا إلى مورد خارجي ، على وجه التحديد ملف رمز.
2. تحدد السمة "rel" العلاقة بين المستند الحالي والمورد المرتبط ، وفي هذه الحالة "رمز اختصار".
3. تحدد خاصية "href" موقع المصدر المرتبط ، وهو ملف يسمى "favicon.ico".
4. تحدد سمة "النوع" نوع الوسائط التي يتم الارتباط بها ، وهي صورة بتنسيق x-icon.

ما هي أيقونة الصفحة

رمز الصفحة في HTML هو صورة تُستخدم لتمثيل موقع ويب أو صفحة ويب. يتم عرضه عادةً في علامة تبويب المتصفح وشريط العناوين وقائمة الإشارات المرجعية. يشار إلى أيقونات الصفحة أيضًا باسم الرموز المفضلة ، والتي تعني "الرمز المفضل". عادة ما تكون صغيرة (16 × 16 بكسل) ويمكن أن تكون إما ثابتة أو متحركة.

يختلف بين الأيقونة المفضلة والأيقونة

الأيقونة المفضلة هي أيقونة صغيرة تظهر في علامة تبويب المتصفح في موقع الويب. تُستخدم عادةً لتمثيل موقع الويب أو العلامة التجارية ويمكن رؤيتها في شريط العناوين والإشارات المرجعية وعلامات التبويب. الأيقونة هي صورة تُستخدم لتمثيل فعل أو فكرة. غالبًا ما تُستخدم الرموز كتمثيلات رسومية لعناصر القائمة والأزرار والروابط داخل موقع ويب أو تطبيق.

كيفية إضافة رمز علامة تبويب المتصفح لموقع ويب

تعد إضافة رمز علامة تبويب المتصفح لموقع ويب بتنسيق HTML عملية بسيطة. كل ما عليك فعله هو إضافة الكود التالي إلى قسم مستند HTML الخاص بك:

استبدل [path / filename.extension] بمسار واسم ملف صورة الرمز ، واستبدل [filetype] بنوع ملف صورتك (على سبيل المثال ، png ، jpg ، إلخ). علي سبيل المثال:

سيعرض هذا الرمز رمزًا في علامة تبويب المتصفح لموقع الويب الخاص بك عندما يزوره المستخدمون.

الوظائف ذات الصلة: