एचटीएमएल <area> टैग

निर्धारण और उपयोग

<area> टैग द्वारा इमेज मैपिंग के भीतर क्षेत्र निर्धारित करता है (इमेज मैपिंग एक टिप्पणी क्षेत्र वाली इमेज है, यानी क्लायंट साइड रिस्पांस मैपिंग है)。

<area> एलीमेंट हमेशा इस टैग में घुसा होता है <map> टैगअंदर。

ध्यान दें:<img> में usemap अटिबट साथ <map> एलीमेंट का नाम अटिबटसंबंधित, इमेज और मैपिंग के बीच संबंध स्थापित करना。

दूसरे देखें:

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">
<area shape="circle" coords="228,230,5" alt="Venus" href="venus.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>

स्वयं नियोजित करें

स्वयं नियोजित करें गुण मान
वर्णन alt टेक्स्ट
क्षेत्र के विकल्प टेक्स्ट को निर्धारित करता है।यदि href गुण हो तो अनिवार्य है coords निर्देशांक मान
क्षेत्र के निर्देशांक को निर्धारित करता है download फ़ाइल नाम
उपयोगकर्ता अग्रेष्ट लिंक पर क्लिक करने पर लक्ष्य को डाउनलोड करना निर्धारित करता है href URL
क्षेत्र के लिए अवधारणा निर्धारित करता है hreflang भाषा कोड
लक्ष्य URL का भाषा निर्धारित करता है media मीडिया क्वेरी
लक्ष्य URL के लिए उन्नत मीडिया/उपकरण को निर्धारित करता है
  • referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
 unsafe-url
रेफ़रर जानकारी को लिंक के साथ भेजने के लिए निर्धारित करता है
  • rel
  • alternate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
 tag
करणा और लक्ष्य URL के बीच के संबंध को निर्धारित करता है
  • shape
  • default
  • rect
  • circle
 poly
क्षेत्र का आकार निर्धारित करता है
  • target
  • _blank
  • _parent
  • _self
  • _top
 फ़्रेम नाम
तारीख कहाँ खोला जाए। टाइप मीडिया किस्म

मीडिया किस्म निर्धारित करता है

<area> टैग इवेंट प्रतियोगिता का समर्थन करता है वैश्विक गुण。

HTML में वैश्विक गुण

<area> टैग इवेंट प्रतियोगिता का समर्थन करता है HTML में इवेंट प्रतियोगिता。

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

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

area {
  display: none;
}

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

च्रोम एज फायरफॉक्स सफारी ऑपेरा
च्रोम एज फायरफॉक्स सफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन