تگ <area> در HTML
تگ area تگی است که ما با استفاده از آن می توانیم یک ناحیه (محدوده) را در یک نقشه تصویری ایجاد نماییم. (نقشه تصویری به یک تصویر / عکس که قسمت های مختلف آن قابل کلیک شدن باشد گفته می شود.)
نکات و توضیحات تگ <area>
- تگ <area> همیشه داخل یک تگ <map> قرار می گیرد.
- صفت usemap در تگ <img> با صفت name در تگ <map> مرتبط هستند در نتیجه بین این دو تگ ارتباط برقرار می شود.
- در HTML تگ area یک تگ تنها است (یعنی تگ پایانی ندارد و لازم نیست بسته شود) ولی در XHTML این تگ دارای تگ پایانی است و باید حتما بسته شود.
مثال از تگ area در HTML
تمرین کنید !
پشتیبانی مرورگر ها از تگ <area>
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<area> | بله | بله | بله | بله | بله |
جدول صفات تگ area در HTML
در جدول زیر می توانید صفات به همراه مقادیری را که می توان در این تگ استفاده کرد را مشاهده نمایید.
نام صفت | مقدار | توضیحات |
alt | text | یک متن جایگزین برای تصاویر مشخص می کند. (از نظر سئو مفید است که اضافه شود) |
coords | coordinates | مختصات ناحیه یا اون محدوده قابل کلیک را مشخص می کند. |
download | filename | یک فایل (متنی،صدا و..) برای دانلود بصورت مستقیم با کلیک بروی هر یک از ناحیه های قابل کلیک |
href | URL | آدرس صفحه مقصد (هر یک از ناحیه های قابل کلیک) را مشخص می کند |
hreflang | language_code | زبان صفحه ی مقصد (که بهش لینک شده) را مشخص می کند. |
media | media_query | مشخص می کند که لینک برای چه نوع رسانه یا دستگاهی بهینه شود. |
nohref | value | مشخص می کند که یک ناحیه (محدوده قابل کلیک) هیچ لینکی (لینک مقصد) ندارد. |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
رابطه ی بین صفحه ی جاری با صفحه ای که به آن لینک کرده ایم را مشخص میکند. |
shape | default rect circle poly |
نوع شکل ناحیه ی قابل کلیک را مشخص می کند. (مثلا مستطیلی،دایره ای و یا چند ضلعی) |
target | _blank _parent _self _top framename |
مشخص میکند که صفحه ی مقصد چگونه نمایش داده شود. (مثلا در یک تب جدید از مرورگر یا ..) |
type | media_type | نوع رسانه ای، صفحه ای که بهش لینک کرده ایم را مشخص میکند. |