سمة خريطة استخدام HTML
التعريف والاستخدام
تحدد السمة usemap
صورة (أو كائن) كخريطة صورة (خريطة الصورة هي صورة ذات مناطق قابلة للنقر).
ترتبط usemap
السمة باسم <map>
العنصر أو id
السمة ، وتقوم بإنشاء علاقة بين <img>
و
<map>
.
ملاحظة: لا يمكن usemap
استخدام السمة إذا كان
<img>
العنصر تابعًا لعنصر <a>
أو
<button>
عنصر.
ينطبق على
يمكن usemap
استخدام السمة في العناصر التالية:
عناصر | يصف |
---|---|
<img> | usemap |
<كائن> | usemap |
أمثلة
مثال
خريطة صورة مع مناطق قابلة للنقر:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
مثال
عنصر <كائن> باستخدام مخطط صورة:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
دعم المتصفح
تحتوي usemap
السمة على دعم المتصفح التالي لكل عنصر:
Element | |||||
---|---|---|---|---|---|
img | Yes | Yes | Yes | Yes | Yes |
object | Not supported | Yes | Yes | Not supported | Not supported |