HTML <map> टैग

  • पिछला पृष्ठ <main>
  • अगला पृष्ठ <mark>

परिभाषा और उपयोग

<map> टैग की आवश्यकता है के लिए इमेज मैप को परिभाषित करने के लिए। इमेज मैप (image map, एक विभाजित नेविगेशन मैप) एक टिप्पणी क्षेत्र वाले इमेज है।

<map> एलीमेंट को name एट्रिब्यूटका <img> एलीमेंट का usemap एट्रिब्यूट संबंधित है, इमेज और मैप के बीच संबंध स्थापित करता है।

<map> एलीमेंट के भीतर कुछ <area> एलीमेंट，इमेज मैप के भीतर टिप्पणी क्षेत्र को परिभाषित करता है।

दूसरे देखें:

HTML DOM संदर्भ पुस्तिकाःमैप ऑब्जेक्ट

उदाहरण

उदाहरण 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> टैग इवेंट विशेषता का समर्थन करता है HTML में वैश्विक विशेषता。

इवेंट विशेषता

<map> टैग इवेंट विशेषता का समर्थन करता है HTML में इवेंट विशेषता。

डिफॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफॉल्ट मूल्यों के साथ दिखाएंगे <map> एलीमेंट:

map {
  display: inline;
}

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <main>
  • अगला पृष्ठ <mark>