<meter> | HTML5 度量标签的定义与用法
定义与用法
- <meter> 标签定义已知范围或分数值内的标量测量，也被称为 gauge（尺度）；
- 它经常用于显示磁盘使用情况，投票人数等；
- HTML <meter>标签是HTML5中的新标签，因而须使用新的浏览器。
提示：<meter> 标签不应用来做进度展示，如果标记进度，请使用 <progress> 标签。
语法格式
<meter value=”” min=”” max=”” >……</meter>
示例代码
<meter value="30" min="1" max="100" style="width:300px;height:30px;">30%</meter><br>
<meter value="0.8" style="width:300px;height:30px;">80%</meter> 效果展示：
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
 |  |  |  |  |
Firefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签。
标签属性
: HTML5新属性。
| 属性 | 值 | 描述 |
|---|---|---|
form | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
| high | number | 规定被视作高的值的范围。 |
| low | number | 规定被视作低的值的范围。 |
| max | number | 规定范围的最大值。 |
| min | number | 规定范围的最小值。 |
| optimum | number | 规定度量的优化值。 |
| value | number | 必需。规定度量的当前值。 |
全局属性
<meter> 标签支持 HTML 中的全局属性。
事件属性
<meter> 标签支持 HTML 中的事件属性。