HTML मीटर टैग | HTML Meter Tag in Hindi

468

एच टी एम एल <meter> tag किसी दी गई सीमा के भीतर डेटा को मापने के लिए उपयोग किया जाता है। यह सीमा के साथ एक स्केलर माप (scalar measurement) को परिभाषित करता है। यह एक gauge के रूप में भी जाना जाता है।

इसका उपयोग डिस्क उपयोग, मतदान आबादी आदि को प्रदर्शित करने के लिए किया जाना चाहिए।

HTML मीटर टैग, HTML 5 में नया है इसलिए आपको नए ब्राउज़र का उपयोग करना होगा।

Attributes of HTML Meter Tag

HTML <meter> टैग वैश्विक (global) और घटना (event) विशेषताओं (attributes) के साथ कुछ विशिष्ट विशेषताओं का भी समर्थन (support) करता है।

Attributes Description
value यह एक अनिवार्य attribute है जो संख्याओं में मान (value) निर्दिष्ट करने के लिए उपयोग किया जाता है। यह संख्या पूर्णांक या फ़्लोटिंग बिंदु संख्या (floating point number) हो सकती है।
form यह मीटर तत्व (meter element) से सम्बंधित एक या अधिक रूपों (forms) को निर्दिष्ट (specify) करता है
high यह एक श्रेणी (range) निर्दिष्ट करता है जिसे उच्च मूल्य (high value) माना जाता है।
low यह एक श्रेणी (range) निर्दिष्ट करता है जिसे कम मूल्य (low value) माना जाता है।
max यह सीमा (range) में परिभाषित, अधिकतम मान (maximum value) को निर्दिष्ट करता है।
min यह सीमा (range) में परिभाषित, न्यूनतम मूल्य (minimum value) को निर्दिष्ट करता है।
optimum यह gauge के लिए इष्टतम मान (optimum value) निर्दिष्ट करता है। यह एक वैकल्पिक विशेषता (attribute) है।

HTML Meter Tag Example

आओ min, max और value attributes के साथ progress का उदाहरण देखें।

  1. <p>Display a gauge:</p>
  2. <meter value=“30” min=“1” max=“100”>30 out of 100</meter><br>
  3. <meter value=“0.8”>80%</meter>

ट्राई करें

Output

Display a gauge:

Styling Meter

आप मीटर टैग (meter tag) पर सीएसएस (CSS) कोड लागू कर सकते हैं।

  1. meter{
  2.   width: 300px;
  3.   height: 30px;
  4. }

ट्राई करें

Output

meter{ width: 300px; height: 30px; }

Supporting Browsers

Element chrome  Chrome ie  IE firefox  Firefox opera  Opera safari  Safari
<meter> Yes Yes Yes Yes Yes