سبد (0)

تگ area در HTML

مثال (تگ area در HTML)

یک image-map، با نواحی قابل کلیک:

<img src="/planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="/sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="/mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="/venus.htm" alt="Venus">
</map>

خودتان امتحان کنید »

تعریف و کاربرد تگ area در HTML

تگ <area> منطقه ای را در داخل یک image-map مشخص می کند. (image-map به تصویری گفته می شود که بعضی قسمت های آن قابلیت کلیک کردن است)

تگ <area> همیشه داخل یک تگ <map> قرار می گیرد.

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

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

عنصر     
<area>بلهبلهبلهبلهبله

تفاوت بین HTML 4.01 و HTML5

در HTML5 یک سری ویژگی های جدید به این تگ اضافه شده و برخی از ویژگی های HTML4.01 در HTML5 پشتیبانی نمی شود.

تفوت بین HTML و XHTML

در HTML تگ <area>، تگ پایانی ندارد .

در XHTML تگ <area> باید با تگ پایانی خاتمه یابد.

خصوصیت ها

 جدید در HTML5.

خصوصیتمقدارتوضیحات
alttextیک متن جایگزین (alternate) برای area مشخص می کند و همراه با صفت href به کار می رود.
coordscoordinatesمشخص کردن مختصات در area
downloadfilenameمشخص کردن منبع دانلود زمانی که کاربر روی یک لینک کلیک می کند.
hrefURLمشخص کردن مقصد لینک برای area
hreflanglanguage_codeبرای لینک کردن language به سند
mediamedia queryمشخص می کند مقصد لینک شده برای چه media (رسانه) یا دستگاهی بهینه است.
nohrefvalueدر HTML5 پشتیبانی نمی شود.
مشخص می کند که <area> هیچ لینک مرتبطی ندارد.
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		رابطه بین سند رایج با سند لینک شده را مشخص می کند.
shapedefault
rect
circle
poly		مخصوص شکل دادن به area
target_blank
_parent
_self
_top
framename		مشخص می کند URL(سند لینک شده) کجا باز شود.
typemedia_typeنوع media (رسانه) لینک شده را مشخص می کند.

ویژگی های عمومی تگ area در HTML

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

رویدادهای عمومی تگ area در HTML

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

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ Area در JavaScript

نوشته شده توسط سمیه فخری
بازدید: 17569

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین - بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان