دليل مرجعي لـ HTML

كامل قائمة علامات HTML

HTML: <map> علامة

استخدام علامة <map> في HTML لتحديد خريطة الصورة القابلة للنقر (أو النقاط الساخنة). داخل علامة <map>، يمكنك استخدام علامة <area> لإنشاء مساحة قابلة للنقر، ويمكن أن يكون كل مساحة قابلة للنقر مرتبطة بروابط مرتبطة بها. وتُعرف هذه العلامة أيضًا بعنصر <area>.

مثال عبر الإنترنت

الصورة المتحملة للمساحة القابلة للنقر

مثال

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>موقع دروس الأساسيات (oldtoolbag.com)</title>　
</head>
<body>
<img　src="planets.gif"　width="145"　height="126"　alt="Planets"　usemap="#planetmap">
　
<map　name="planetmap">
　　<area　shape="rect"　coords="0,0,82,126"　alt="Sun"　href="sun.html">
　　<area　shape="circle"　coords="90,58,3"　alt="Mercury"　href="mercur.html">
　　<area　shape="circle"　coords="124,58,8"　alt="Venus"　href="venus.html">
</map>
</body>
</html>

التحقق من التوافق

المتصفح المتوافق

IEFirefoxOperaChromeSafari

يدعم معظم المتصفحات العلامة <map>.

تعريف العلامة واستخدام التعليمات

استخدام علامة <map> لخريطة الصور على الجانب الآخر. خريطة الصور هي صورة تحتوي على مناطق قابلة للنقر.

يجب أن يكون خاصية usemap لعلامة <img> متطابقة مع خاصية name لعلامة <map> لإنشاء علاقة بين هذين العنصرين.

يتم دائمًا تضمين عنصر area داخل عنصر map. يمكن لـ area العنصر تعريف منطقة في خريطة الصورة.

الفرق بين HTML 4.01 وHTML5

ملاحظة: في HTML5، إذا تم تحديد خاصية id في علامة <map>، فإنك يجب أن تحدد أيضًا خاصية name.

الفرق بين HTML وXHTML

في XHTML، تم إزالة خاصية name، واستبدالها بـ id.

الخصائص

الخصائص	القيمة	الوصف
name	mapname	مطلوب. اسم المحدد لـ image-map.

خصائص العالمية

علامة <map> تدعم خصائص العالمية، راجع جدول الخصائص الكامل خصائص العالمية لـ HTML.

خصائص أحداث

علامة <map> تدعم جميع خصائص أحداث HTML.

HTML: <main> علامة HTML: <link> علامة