تگ 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>
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.
خصوصیت | مقدار | توضیحات |
---|---|---|
alt | text | یک متن جایگزین (alternate) برای area مشخص می کند و همراه با صفت href به کار می رود. |
coords | coordinates | مشخص کردن مختصات در area |
download | filename | مشخص کردن منبع دانلود زمانی که کاربر روی یک لینک کلیک می کند. |
href | URL | مشخص کردن مقصد لینک برای area |
hreflang | language_code | برای لینک کردن language به سند |
media | media query | مشخص می کند مقصد لینک شده برای چه media (رسانه) یا دستگاهی بهینه است. |
nohref | value | در HTML5 پشتیبانی نمی شود. مشخص می کند که <area> هیچ لینک مرتبطی ندارد. |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
رابطه بین سند رایج با سند لینک شده را مشخص می کند. |
shape | default rect circle poly |
مخصوص شکل دادن به area |
target | _blank _parent _self _top framename |
مشخص می کند URL(سند لینک شده) کجا باز شود. |
type | media_type | نوع media (رسانه) لینک شده را مشخص می کند. |
ویژگی های عمومی تگ area در HTML
تگ <area> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ area در HTML
تگ <area> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ Area در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 18115