meter tag
The meter tag, which, when implemented in the code, is written like this - <meter>, is an HTML tag that belongs to formatting tags. Formatting HTML tags are used to introduce additional information and/or style to smaller parts of a text, such as words, phrases, qotes etc. Some of them are also used to mark special text elements, e.g. acronyms, for browsers and search engines to parse and understand correctly. Given their function, formattings HTML tags are usually inline elements.
<meter> creates a meter bar to measure various numeric values as parts of bigger values, e.g. the data 72 HTML tags out of 120
to represented as a bar. This tag is supported in the current version of HTML, which is HTML5.
Browser support
Here you can see whether <meter> is supported by a certain browser, and, if yes, starting from which version it is supported.
| Chrome | Firefox | Edge | Opera | Safari |
|---|---|---|---|---|
| Supported since Chrome v8 | Supported since Firefox v6 | Supported since Edge v13 | Supported since Opera v11 | Supported since Safari v6 |
Attributes and values
An attribute is a piece of additional information about a tag. While tags denote the type of objects they mark or create, attributes set the parameters of these objects. These parameters can include anything from the types of possible interactions to its visual style to its actual contents.
Values indicate how a certain attribute is actually implemented, if there is a number of ways it can happen.
What attributes are actually allowed in a certain tag depends on the tag itself. Much like possible attributes depend on a tag, possible values depend on an attribute.
The <meter> tag supports the following attributes (with their respective values):
| Attribute | Value | Description |
|---|---|---|
| form | form_id | Specifies one or more forms the <meter> element belongs to |
| high | number | Specifies the range that is considered to be a high value |
| low | number | Specifies the range that is considered to be a low value |
| max | number | Specifies the maximum value of the range |
| min | number | Specifies the minimum value of the range |
| optimum | number | Specifies what value is the optimal value for the gauge |
| value | number | Required. Specifies the current value of the gauge |
Global Attributes
Global attributes are HTML tag attributes that can be used by any tag, hence the name "global". They are in contrast to unique attributes that are tag-specific.
<meter> supports global attributes.
Event Attributes
Event attributes are HTML tag attributes that allow triggering actions upon specific conditions, hence the name "event". Other types of attributes, namely global and unique attributes, can also trigger actions, but the difference is that even attributes allow calling scripts, such as JavaScript functions, while most other attributes only support a certain type of action.
<meter> supports event attributes.