اذهب إلى المحتوى
  • 0

إضافة صورة بجانب عنوان الموقع - html

Dana Dalloul

السؤال

Recommended Posts

  • 0

تدعى هذه الصورة التي تظهر في المتصفح باسم fav icon، ويتم تضمينها من خلال إضافة أسطر برمجية محددة ضمن الترويسة head في الصفحة الأساسية للموقع.

مثال:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

ولكن قد يختلف أحجام الصورة و كود تضمينها حسب الأجهزة والمتصفحات، فعلى سبيل المثال نقوم بإضافة التضمين التالي من أجل متصفح safari من آبل:

<link rel="apple-touch-icon" href="http://example.com/images/apple-touch-icon.png" />

ولكن يمكن اختصار هذه العملية بالتوجه إلى الانترنت وكتابة favicon generator فهنالك العديد من المواقع التي تسمح لك برفع الصورة المرغوب إضافتها وهو يقوم بدوره بإعطائك جميع الأحجام لها والأكواد التي يجب إضافتها ضمن الترويسة.

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

في وسم head يُمكنك إضافتها و تُسمى favicon:

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

حيث من خلال الخاصية href تقومين بوضع مسارها و من خلال الخاصية type تُحددين نوعها.

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...