HTML <meter> 标签

定义及使用说明

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

例如:磁盘使用情况,查询结果的相关性等。

注意: <meter> 不能作为一个进度条来使用, 进度条 <progress> 标签。

浏览器支持

irefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签。

HTML 4.01 与 HTML5 之间的差异

<meter> 是 HTML5 的新标签。

实例

使用 meter 元素展示给定的数据范围:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML meter 标签 xinbiancheng.cn</title>
</head>
<body>
<p>展示给定的数据范围:</p>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
<p><strong>注意:</strong> IE 浏览器不支持 meter 标签。</p>
</body>
</html>

输出:

展示给定的数据范围:

2 out of 10
60%

注意: IE 浏览器不支持 meter 标签。

 

<meter> 标签HTML5 中的新属性

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

全局属性

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

事件属性

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