خاصية shape في HTML <area>

حلقة <area> في HTML

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

شكل تحديد شكل المنطقة.

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

مثال

استخدم خاصية shape لتعريف شكل كل منطقة في خريطة الصورة:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

جرب بنفسك

النحو

<area shape="default|rect|circle|poly">

قيمة الخاصية

القيمة وصف
default تحديد المنطقة بأكملها.
rect تحديد منطقة مستطيلة.
circle تحديد منطقة دائرية.
poly تحديد منطقة مكعب.

توضيح مفصل:

شكل يستخدم الخاصية لتحديد شكل المنطقة الحساسة للفأرة في خريطة الصورة:

  • دائرة (circ أو circle)
  • مكعب (poly أو polygon)
  • مستطيل (rect أو rectangle)

شكل قيمة الخاصية تؤثر على كيفية تفسير المتصفح لـ خاصية coords. إذا لم يُستخدم شكل إذا كان هناك خصائص، سيتم افتراض استخدام القيمة default. وفقًا للم规范، يعني default أن المنطقة تغطي كامل الصورة. في الواقع، يستخدم المتصفح بشكل افتراضي منطقة مستطيلة، ويتوقع العثور على 4 قيم coords. إذا لم يتم تحديد الشكل، ولا يتم تضمين 4 قيم للتوازي في العلامة، فإن المتصفح سيقوم بتخطي المنطقة بأكملها.

يمكن التعرف عليها شكل يمكن للمتصفحات التي توفر قيمة default لخصائص المنطقة تقديم منطقة تشمل جميع النقاط الساخنة، لاستخدامها في الحالات التي تتجاوز نطاق النقاط الساخنة المحددة. نظرًا لأن المنطقة في علامة <map> تتبع ترتيب "الأولوية"، يجب وضع المنطقة الافتراضية في النهاية. وإلا، ستقوم المنطقة الافتراضية بغلق جميع المناطق الأخرى التي تظهر في الصور المرسومة.

ليس هناك متطلبات صارمة للمتصفحات في تنفيذ أسماء الأشكال. على سبيل المثال، لا يمكن لأداة Netscape 4 التعرف على "rectangle"، ولكن يمكنها التعرف على "rect". لهذا السبب، نوصي باستخدام الأسماء المختصرة.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

حلقة <area> في HTML