العنصر map

الكاتب: سامي -
العنصر map
العنصر <map>

يُستخدَم العنصر <map> مع عنصر <area> لتعريف خريطة للصورة (أي منطقة قابلة للنقر في الصورة).

مثال عن استخدام العنصر <map> باسم primary لتعريف خريطة تتألف من دائرتين (عبر العنصر <area>) تشير كلُ واحدةٍ منهما إلى صفحة أخرى، ثم استخدام تلك الخريطة عبر عنصر <img> باستخدام الخاصية usemap:

<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html">
  <area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">

إذا جرّبتَ المثال السابق، واستخدمت زر tab في لوحة مفاتيحك فستشاهد شيئًا شبيهًا بما يلي:

رابط لصفحة left.html

رابط لصفحة right.html

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح أي عنصر له خلفية شفافة.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLMapElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

name

تُعطي هذه الخاصية الخريطة اسمًا لكي نتمكن من الإشارة إليها.

يجب أن تكون هذه الخاصية موجودةً ويجب أن يكون لها قيمةٌ غيرُ فارغةٍ وألّا تحتوي على فراغات؛ ولا يجوز أنَ تكون قيمتها مساويةً لقيمة الخاصية name لعنصر <map> آخر في المستند.

إذا حُدِّدَت قيمة للخاصية id فيجب أن تكون قيمتها وقيمة هذه الخاصية متساوية.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <map> مع ضبط الخاصية display إلى inline:

map {
  display: inline;
}

 

شارك المقالة:
76 مشاهدة
المراجع +

هل أعجبك المقال
0
0

مواضيع ذات محتوي مطابق

مقالات عشوائية

طريقة فتح تليفون سامسونج مغلق بكلمة مرور
حذف حساب كيك نهائياً
كود الغاء الباقة اليومية من اتصالات والباقات
افضل مواصفات لاب توب وأفضل معالج لأجهزة الكمبيوتر المحمول
كيفية اعادة ضبط المصنع للسامسونج بدون مسح البيانات
طريقة انشاء حساب جوجل بلاي عن طريق الهاتف أو الكمبيوتر
طريقة تحويل المكالمات في السامسونج
حذف حساب الإنستقرام
هل ساعة أبل ضد الماء
الدخول للماسنجر
أفضل برنامج حماية من الفيروسات للكمبيوتر مجانا
كيفيّة إنشاء حساب جديد في الفيس بوك
كيفية معرفة عنوان شخص عن طريق رقم التليفون المحمول
حذف صديق من الفيس بوك
إنشاء قناة على اليوتيوب
التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook