ဟတ္မာလိုင် <map> ခွဲ

  • အရှေ့ <main>
  • နောက်ပိုင်း <mark>

အသုံးပြုခြင်း နှင့် အပြုအရေး

<map> ပုံရိပ် မြောက်မြားစွာ အချက်အလက်

<map> အရာ name အရာအရာ <img> အရာ အရာ usemap အရာ ပတ်သက်တဲ့ အရာ

<map> အရာတွင် ပါဝင်သည် <area> အရာပုံရိပ် မြောက်မြားစွာ အချက်အလက်

အခြား ကြည့်ရန်

HTML DOM စာရင်းMap အရာ

အမှု

အမှတ် 1

စက်တင်း ပုံရိပ် တွင် စိတ်ဝမ်းပြုကြည့်တာ အချက်အလက်

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

ကျွန်ုပ်ကိုယ်ဖြင့် ဝေးစားပါ

အမှတ် 2

အခုနှင့် စက်တင်း ကို စိတ်ဝမ်းပြုကြည့်တာ တစ်ပုံး ပုံရိပ် မြောက်မြားစွာ

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

ကျွန်ုပ်ကိုယ်ဖြင့် ဝေးစားပါ

အချက်

အချက် အချက် ဖော်ပြ
name အမှတ်မှတ်ချက် ဖြစ်စဉ်။ ပုံမှန် အမှတ်မှတ်ချက် ကို ဖော်ပြပါသည်

အကျယ်အဝန်း

<map> အမှတ် ကုက္ခဏာ ကုန်းများ အကျယ်အဝန်း.

အခင်းအား

<map> အမှတ် ကုက္ခဏာ ကုန်းများ HTML အခင်းအား.

မူရင်း CSS အချက်

အများဆုံး ဘာသာပြန်မှု သည် အောက်ပါ လက်ခံ အရာများ ကို ပြသည် <map> အပိုင်း:

map {
  display: inline;
}

ဘာသာပြန်မှု

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အရှေ့ <main>
  • နောက်ပိုင်း <mark>