تگ <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 | نوع رسانه ای، صفحه ای که بهش لینک کرده ایم را مشخص میکند. |