تگ area در HTML

با استفاده از تگ area در HTML می توانیم نقشه تصویری ایجاد کنیم، نقشه تصویری به تصویری گفته می شود که یک بخش یا قسمت یا محدوده از آن تصویر قابل کلیک شدن باشد.

مثال

در این مثال یک تصویر ایجاد کرده ایم که بخش هایی از آن قابل کلیک می باشد:

تعریف و کاربرد

از تگ area در HTML برای ایجاد محدوده های قابل کلیک برروی نقشه تصویری استفاده میکنیم. تگ <area> درون تگ <map> بکار برده می شود.

خاصیت usemap

برای اتصال یا ایجاد ارتباط بین تصویر و نقشه تعریف شده باید مقدار خاصیت usemap در عنصر <img> برابر با مقدار خاصیت name در تگ <map> باشد.

عنصر area

تگ <map> از چندین تگ <area> تشکیل شده که عنصر <area> نقاط قابل کلیک روی نقشه تصویر را مشخص می کنند.

آموزش تگ <map> را نیز مشاهده کنید.

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

خواص (attributes)

خواص عمومی

تگ area از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ area از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر area در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

area {
  display: none;
}