HTML 标签

HTML5 <meter> 标签

主题:HTML5 标签参考上一页|下一页

说明

<meter> 元素表示已知范围内的标量测量值或小数值。 这也称为量规。

下表总结了此标签的使用上下文和版本历史。

Placement: Inline
Content: 内联和文本,但其后代中没有 <meter>
开始/结束标签: 开始标签: required, 结束标签:required
版本: New in HTML5

语法

<meter> 标签的基本语法如下:

HTML / XHTML: <meter value="5"> ... </meter>

下面的示例显示了 <meter> 标签的作用。

<p>Disk Usage: <meter value="0.8">80%</meter></p>
<p>Total Score: <meter value="6" min="0" max="10">6 out of 10</meter></p>
<p>Pollution Level: <meter low="60" high="80" max="100" value="85">Very High</meter></p>

标签特定属性

下表显示了特定于 <meter> 标签的属性。

属性 说明
Required — 必须在此标签上指定以下属性才能使标签有效。
value number 指定仪表或仪表的当前值。 这必须在最小值和最大值之间。
Optional — 以下属性是可选的。
form form-id <meter> 元素与 <form> 元素相关联。
high number 指定被认为是高值的范围。
low number 指定被认为是低值的范围。
max number 指定范围的最大值。
min number 指定范围的最小值。
optimum number 指示仪表的最佳值是什么值。

全局属性

与所有其他 HTML 标签一样, <meter> 标签支持 HTML5 中的全局属性


事件属性

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


浏览器兼容性

所有主要的现代浏览器都支持 <meter> 标签。

Browsers Icon

基本支持—

  • Firefox 6+
  • Google Chrome 8+
  • Internet Explorer ×
  • Apple Safari 6+
  • Opera 11+

进一步阅读

请参阅以下教程: HTML 表单.

相关标签: <progress>.

Advertisements