مثال
صورة الخريطة، مع المناطق القابلة للنقر عليها:
<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>
انها محاولة لنفسك » تعريف واستخدام
و <map> يستخدم كلمة دلالية لتحديد العميل صورة خريطة. صورة-الخريطة هي صورة مع المناطق القابلة للنقر عليها.
السمة اسم المطلوب من <map> يرتبط عنصر مع <img>'s usemap السمة ويخلق علاقة بين الصورة والخريطة.
و <map> عنصر يحتوي على عدد من <area> عناصر، هي التي تحدد المناطق القابلة للنقر عليها في مخطط الصورة.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <map> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
ملاحظة: في HTML5، إذا كان id سمة من <map> يتم تحديد العلامة أيضا، فإنه يجب أن يكون نفس قيمة name السمة.
الخلافات بين HTML و XHTML
في XHTML، و name تم إهمال السمة، وسوف يتم إزالتها. استخدم خاصية id العالمية بدلا من ذلك.
الصفات
| السمة | القيمة | وصف |
|---|---|---|
| name | mapname | مطلوب. يحدد اسم صورة خريطة |
السمات العامة
و <map> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <map> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML DOM إشارة: كائن خريطة
الإعدادات الافتراضية CSS
سيتم عرض معظم مستعرضات <map> العنصر مع القيم الافتراضية التالية:
map {
display: inline;
}