HTML <area> shape गुण

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

परिभाषा और इस्तेमाल

shape क्षेत्र के रूप को निर्धारित करता है。

shape गुण coords गुण कोटा, रूप और स्थान को निर्धारित करने के लिए साथ मिलकर इस्तेमाल करें。

उदाहरण

इमेज़ मैपिंग में प्रत्येक क्षेत्र के रूप को shape गुण से निर्दिष्ट करें:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

अपने आप साबित करें

व्याकरण

<area shape="default|rect|circle|poly">

गुण मान

मान वर्णन
default पूरे क्षेत्र को निर्धारित करें。
rect चतुर्भुज क्षेत्र को परिभाषित करना。
circle गोलाकार क्षेत्र को परिभाषित करना。
poly बहुभुज क्षेत्र को परिभाषित करना。

विस्तृत स्पष्टीकरण:

shape गुण इमेज़ मैपिंग में माउस पर बदले पर उत्तरदायी क्षेत्र के रूप को परिभाषित करता है:

  • गोलाकार (circ या circle)
  • बहुभुज (poly या polygon)
  • चतुर्भुज (rect या rectangle)

shape गुण का मान ब्राउज़र को coords गुण के बारे में समझाने पर प्रभाव डालता है।अगर इस्तेमाल नहीं किया गया shape गुण, तो डिफ़ॉल्ट मान का उपयोग करने का अनुमान लगाया जाएगा।स्टैंडर्ड के अनुसार, डिफ़ॉल्ट इस अरेना को पूरे चित्र को कवर करने के लिए कहता है।वास्तव में, ब्राउज़र डिफ़ॉल्ट रेंज क्षेत्र का उपयोग करते हैं, और 4 अक्षों के मान खोजने की उम्मीद करते हैं।यदि आकार निर्दिष्ट नहीं है और टैग में 4 निर्देशांक नहीं शामिल हैं, तो ब्राउज़र पूरे क्षेत्र को नज़रअंदाज़ कर देगा।

समझ सकता है shape गुण के default मान के ब्राउज़र, एक सभी हॉटस्पॉट्स क्षेत्र को प्रदान कर सकते हैं, जो अन्य हॉटस्पॉट्स के वर्णन के बाहर के अनुसार क्लिक करने के लिए उपयोग किया जाता है।क्योंकि क्षेत्र <map> टैग में "अग्रता प्राप्त होने के अनुसार" क्रम में है, इसलिए अवश्य डिफ़ॉल्ट क्षेत्र को पीछे रखना होगा।अन्यथा, डिफ़ॉल्ट क्षेत्र अन्य इमेज मैपिंग में दिखाई देने वाले सभी क्षेत्रों को ओवरराइड कर देगा。

ब्राउज़र कोई निर्धारित आकार नहीं है।उदाहरण के लिए, वर्गाकार के लिए, नेटस्केप 4 "rectangle" को पहचान नहीं सकता, लेकिन "rect" को पहचान सकता है।इस कारण, हम संक्षिप्त नाम का उपयोग करने की सिफारिश करते हैं。

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता

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