مثال
استخدام shape و coords ويعزو في <a> عنصر، لخلق صورة خارطة:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
انها محاولة لنفسك » تعريف واستخدام
و <a> coords غير معتمد السمة في HTML5.
و coords السمة تستخدم جنبا إلى جنب مع shape سمة لتحديد الحجم والشكل، ووضع ارتباط في <object> أو <img> العنصر.
إحداثيات الزاوية العلوية اليسرى هي 0،0.
نصيحة: لإنشاء صورة الخرائط التي تعمل في جميع المتصفحات، استخدم <area> العنصر!
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| coords | غير معتمد | غير معتمد | نعم فعلا | غير معتمد | نعم فعلا |
بناء الجملة
<a coords="value">
السمة القيم
| القيمة | وصف |
|---|---|
| x1,y1,x2,y2 | إذا كان shape تعيين السمة إلى "rect" ، وهي تحدد إحداثيات الزاوية العلوية اليسرى وأسفل الزاوية اليمنى من المستطيل |
| x,y,radius | إذا كان shape تعيين السمة إلى "circle" ، وهي تحدد إحداثيات مركز الدائرة ونصف قطرها |
| x1,y1,x2,y2,..,xn,yn | إذا كان shape تعيين السمة إلى "poly" ، وهي تحدد إحداثيات حواف المضلع. إذا كانت الأولى والأخيرة تنسيق أزواج ليست هي نفسها، يجب على المتصفح إضافة الزوج الماضي تنسيق لإغلاق المضلع |