مثال ـ يك نقشه تصويري با ناحيه قابل كليك
<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 >
تگ<map> براي تعريف نقشه تصويري استفاده ميشود .يك نقشه تصويري ، تصويريست با نواحي قابل كليك.
ويژگي ضروريname عنصر <map> با ويژگي usemap عنصر <img> مرتبط بوده ،كه ايجاد يك رابطه را در نقشه تعريف ميكنند.
عنصر<map> داراي تعدادي عنصرناحيه يعني <area> است، كه نواحي داراي قابليت كليك ميباشند.
Element | |||||
---|---|---|---|---|---|
<map> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شــرح |
---|---|---|
name | mapname | نام ضروري نقشه تصويري را مشخص ميكند. |
تگ<map> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ يك نقشه ديگر با نواحي قابل كليك
<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 >
اغلب مرورگرها نمايش عنصر<map> مطابق تنظيمات پيش فرضي زيرانجام ميدهند.
map { display: inline; }