HTML <meter> 标签

在html中，meter标签是html5版本中新增标签，是使用来定义已知范围或分数值内的标量测量（比如：磁盘用量、相关性等等）。meter标签的效果很像进度条，但是它不作为进度条来使用。如果要表示进度条，通常使用progress标签。

实例

使用 meter 元素来度量给定范围（gauge）内的数据：

<!DOCTYPE html>
<html>
<body>
<h1>meter 元素</h1>
<p>仪表元素用于显示范围:</p>
<label for="disk_c">C盘使用率:</label>
<meter id="disk_c" value="2" min="0" max="10">20%</meter><br>
<label for="disk_d">D盘使用率:</label>
<meter id="disk_d" value="0.6">60%</meter>
<p><strong>Note:</strong> Edge 12（或更早版本）不支持 meter 标记.</p>
</body>
</html>

运行一下

浏览器支持

元素
<meter>	8.0	13.0	16.0	6.0	11.5

定义和用法

<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。

例子：磁盘用量、查询结果的相关性，等等。

注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。

HTML 4.01 与 HTML 5 之间的差异

<meter> 标签是 HTML 5 中的新标签。

属性

HTML5 中的新属性。

属性	值	描述
form	form_id	规定 <meter> 元素所属的一个或多个表单。
high	number	规定被视作高的值的范围。
low	number	规定被视作低的值的范围。
max	number	规定范围的最大值。
min	number	规定范围的最小值。
optimum	number	规定度量的优化值。
value	number	必需。规定度量的当前值。

全局属性

<meter> 标签支持 HTML 中的全局属性。

事件属性

<meter> 标签支持 HTML 中的事件属性。