خصیت 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 مقدار koordinat شامل نشده باشد، مرورگر کل منطقه را نادیده می‌گیرد.

تشخیص داده می‌شود شکل مرورگرهایی که از ارزش پیش‌فرض (default) استفاده می‌کنند، می‌توانند یک منطقه شامل تمام نقاط گرم را ارائه دهند، که برای کلیک‌هایی در خارج از محدوده‌ای که توسط نقاط گرم تعریف شده است، استفاده می‌شود. به دلیل اینکه نقاط گرم در تگ <map> بر اساس ترتیب "اولین وارد اولین خروج" قرار می‌گیرند، باید منطقه پیش‌فرض در انتهای نقاط گرم قرار گیرد. در غیر این صورت، منطقه پیش‌فرض تمام نقاط گرم دیگر که در نقشه‌های تصویر دیگر ظاهر می‌شوند را پوشش می‌دهد.

مرورگرها در اجرای نام‌های شکل‌ها الزامات خاصی ندارند. به عنوان مثال، برای مستطیل، Netscape 4 "rectangle" را نمی‌تواند تشخیص دهد، اما "rect" را می‌تواند تشخیص دهد. به این دلیل، ما توصیه می‌کنیم که از نام‌های کوتاه استفاده کنید.

پشتیبانی از مرورگر

کروم ایج افرادا سافاری اپرا
کروم ایج افرادا سافاری اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

برچسب <area> HTML