تگHTML <area> براي تعريف ناحيه قابل كليك در تصوير نقشه استفاده ميشود .
مثال ـ تعريف ناحيه قابل كليك در تصوير
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379"> <map name="workmap"> <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm"> <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm"> <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm"> </map >
تك<area> يك منطقه يا ناحيه قابل كليك را در نقشه تصويري تعريف ي نمايد.
عنصر تگ<area> هميشه در داخل عنصر<map> قرار ميگيرد.
نكته ـ ويژگيusemap مربوط به عنصر<img> ارتباط با ويژگي nameدر عنصر <map> دارد، وباعث ايجاد ارتباط بين نقشه و تصوير ميشود.
Element | |||||
---|---|---|---|---|---|
<area> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شـــرح |
---|---|---|
alt | text | متن چايگزين را براي ناحيه اي كه ويژگيhref وجود دارد مشخص ميكند |
coords | مختصات ناحيه | مختصات ناحيه را مشخص ميكند |
download | filename | مقصد فايل دانلود درهنگام كليك در پيوند مشخص ميشود. |
href | URL | آدرس صفحه پيوندي را مشخص ميكند. |
hreflang | language_code | زبان صفحه مقصد را مشخص ميكند |
media | media_query | مشخص ميكند كه پيوند براي چه نوع دستگاه يا رسانه بهينه شده است. |
nohref | value | مشخص ميكند ناحيه داراي پيوندي نيست .درHTML5 پشتيباني نمي شود . |
rel | alternate
author bookmark help license next nofollow noreferrer prefetch prew serch tag | رابطه بين صفحه جاري وپيوندي را مشخص ميكند. |
shape | default
rect circle poly | شكل ناحيه را مشخص ميكند. |
target | _blank
_parent _self _top framename | مشحص ميكند كه صفحه پيوندي كجا بازو نمايش داده شود. |
type | media_type | نوع رسانه صفحه پيوندي را مشخص ميكند. |
تگ<area> از ويژگيهاي جهاني پيروي ميكند .
اين تگ هم از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ نقشه تصويري ديگر با ناحه قابل كليك
<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> را با مقدار پيش فرض زير نمايش ميدهند.
area { display: none; }