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>
输出:
展示给定的数据范围:
注意: IE 浏览器不支持 meter 标签。
<meter> 标签HTML5 中的新属性
属性 | 值 | 描述 |
---|---|---|
form | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
high | number | 规定被视作高的值的范围。 |
low | number | 规定被视作低的值的范围。 |
max | number | 规定范围的最大值。 |
min | number | 规定范围的最小值。 |
optimum | number | 规定度量的优化值。 |
value | number | 必需。规定度量的当前值。 |
全局属性
<meter> 标签支持 HTML 中的全局属性。
事件属性
<meter> 标签支持 HTML 中的事件属性。