آموزش HTML – تگ area

نویسنده : مرتضی گنج | تاریخ انتشار : 2019/11/14 | بخش : آموزش HTML

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