برچسب Map
تعریف و کاربرد
یک نگاشت تصویر سمت کاربر تعریف می کند. نگاشت تصویر یک تصویر است با یک منطقه
قابل کلیک.
تفاوت بین HTML و XHTML
تفاوتی ندارد.
نکات
نکته:عنصر area همیشه در داخل عنصر map بصورت تودرتو قرار دارد. عنصر area یک فضا
را در نگاشت تصویر مشخص می کند.
نکته:موجودیت usemap در عنصر img همان موجودیت id,name در برچسب map است. بنابراین
ما هردو موجودیت name,id را به map اضافه کردیم.
مثال
|
منبع |
خروجی |
|
<p>روی یکی از سیاره ها کلیک کنید</p> <img src
="planets.gif"
width ="145" height ="126"
alt="Planets"
usemap ="#planetmap" />
<map id ="planetmap"
name="planetmap">
<area shape ="rect" coords ="0,0,82,126"
href =?page="sun.htm" target ="_blank"
alt="Sun" />
<area shape ="circle" coords ="90,58,3"
href =?page="mercur.htm" target ="_blank"
alt="Mercury" />
<area shape ="circle" coords ="124,58,8"
href =?page="venus.htm" target ="_blank"
alt="Venus" />
</map>
|
برای دیدن نتیجه،
کلیک کنید.
|
موجودیت های مورد نیاز
DTD نشان می دهد که در کدام DTD این خواص
مجاز هستند.S=اکید ، T=وابسته، F=frameset.
|
موجودیت |
مقدار |
توضیحات |
DTD |
| id |
unique_name |
یک نام منحصر به فرد برای برچسب map مشخص می کند. |
STF |
خواص انتخابی
|
موجودیت |
مقدار |
توضیحات |
DTD |
| name |
unique_name |
یک نام منحصر به فرد برای برچسب map مشخص می کند.(برای توانایی
برگشت) |
STF |
خواص استاندارد
class, title, style, dir, lang, xml:lang
خواص رویداد
tabindex, accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur
خودتان بیازمایید
نقشه
این مثال، روش تقسیم یک عکس به نواحی مختلف(همانند یک نقشه) را نشان می دهد. هر یک
از این نواحی، یک فراپیوند هستند.
|