دليل مرجع HTML

جميع علامات HTML

HTML: خاصية coords الخاصة بـ <area>

يحدد خاصية coords إحداثيات x وy للمنطقة في خريطة الصورة. تستخدم خاصية coords مع خاصية shape لتعريف حجم، شكل و موقع المنطقة. نصيحة: تقع إحداثيات الزاوية العلوية اليسرى للمنطقة في 0,0

　HTML <area> العلامة

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

خريطة صورة قابلة للنقر بهذه المناطق

مثال

<!DOCTYPE　html>
<html>
<title>HTML:<area> coords خاصية - موقع تعليمي أساسي oldtoolbag.com</title>
<body>
<p>انقر على الشمس أو أحد الكواكب لمراقبة قربها</p>
<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.html"　alt="Sun">
　　<area　shape="circle"　coords="90,58,3"　href="mercur.html"　alt="Mercury">
　　<area　shape="circle"　coords="124,58,8"　href="venus.html"　alt="Venus">
　　</map>　　
</body>
</html>

النظر في الاختبار

مطابقة متصفح الويب

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة الخاصية coords.

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

تحدد خاصية coords إحداثيات منطقة الخريطة الصور.

خاصية coords مع 　shape استخدام الخاصيات معًا لتحديد حجم، شكل وموقع المنطقة.

نصيحة: إحداثيات الزاوية العلوية اليسرى للصورة هي 0,0.

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

ليس هناك.

النحو

<area coords="value">

قيمة الخاصية

القيمة	الوصف
x1,y1,x2,y2	إذا تم تعيين خاصية shape إلى "rect"، فإن هذا القيمة تحدد إحداثيات الزاوية العلوية اليسرى والسفلية اليمنى للمستطيل.
x,y,radius	إذا تم تعيين خاصية shape إلى "circ"، فإن هذا القيمة تحدد إحداثيات مركز الدائرة وعرضها.
x1,y1,x2,y2,...,xn,yn	إذا تم تعيين خاصية shape إلى "poly"، فإن هذا القيمة تحدد قيم نقاط زوايا المضلع. إذا كانت الإحداثيات الأولى والأخيرة غير متطابقة، فإن المتصفح يجب أن يضيف زوج الإحداثيات الأخيرة لإغلاق المضلع.

　HTML <area> العلامة

HTML: <template> العلامة