Note/Info The <meter> tag is a new tag added in HTML5.
HTML5 <meter> tag
The <meter> tag helps to create a gauge. A Gauge displays a scalar measurement with a predefined specific range.
Syntax:
<meter low=”numbervalue” high=”numbervalue” max=”numbervalue” value=”numbervalue”></meter>
Default CSS value
NONE
How Browser will display
INLINE.
Difference between HTML4.01, XHTML and HTML5
| HTML4 | XHTML | HTML5 |
|---|---|---|
| NA | NA | New tag in HTML5 |
Attributes used with <meter> tag
| Attribute | Description |
|---|---|
| form | Using a form-id, this attribute is used to define one or more forms for the elements to which it belongs to. |
| high | Defines a high value range in number. |
| low | Defines a low value range in number. |
| max | To set the maximum numeric value of the range. |
| min | To set a minimum numeric value of the range. This is a mandatory attribute. |
| optimum | To set a optimum(best) numeric value of the range. |
| value | To set the current numeric value of the range. |
Global Attributes
The <meter> tag supports Global attributes.
Event Attributes
The <meter> tag supports Event attributes.
Supporting Browsers
Related Tags
<progress> tag