HTML <map> Tag
ဥပမာ
နှိပ်နိုင်သောနေရာများပါရှိသော ရုပ်ပုံမြေပုံတစ်ခု၊
<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>မြေပုံတစ်ခုကို သတ်မှတ်ရန် tag ကိုအသုံးပြုသည်။ ပုံမြေပုံသည် ကလစ်နှိပ်နိုင်သော နေရာများပါရှိသော ရုပ်ပုံဖြစ်သည်။
<map>ဒြပ်စင် ၏ လိုအပ်သော အမည် ရည်ညွှန်းချက်သည် <img> 's usemap attribute နှင့် ဆက်စပ်နေပြီး ပုံနှင့် မြေပုံကြား ဆက်ဆံရေးကို ဖန်တီးပေးသည်။
ဒြပ်စင်တွင် ပုံမြေပုံရှိ ကလစ်နှိပ်နိုင်သော ဧရိယာများကို သတ်မှတ်ပေးသည့် <area> ဒြပ်စင်များ အများအပြား ပါရှိသည်<map> ။
Browser ပံ့ပိုးမှု
| Element | |||||
|---|---|---|---|---|---|
| <map> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
| Attribute | Value | Description |
|---|---|---|
| name | mapname | Required. Specifies the name of the image map |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<map>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<map>tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
နှိပ်နိုင်သော ဧရိယာများပါရှိသော အခြားရုပ်ပုံမြေပုံ။
<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>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- Map Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <map>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
map {
display: inline;
}