HTML <meter> 标签有什么作用？
HTML <meter>元素用来显示已知范围的标量值或者分数值。此标签与progress百分比标签差不多，它主要表现规定范围内的数量值，例如磁盘的食用量，对某个候选者人数占总投票人数的比例值等。
meter 元素实例
使用 meter 元素展示给定的数据范围：
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Firefox、Opera、Chrome 和 Safari 6 支持 <meter> 标签。
标签定义及使用说明
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。
比如：磁盘使用情况，查询结果的相关性等。
注意： <meter> 不能作为一个进度条来使用， 进度条 <progress> 标签。
HTML 4.01 与 HTML5 之间的差异
<meter> 是 HTML5 的新标签。
New：HTML5 新属性。
| 属性 | 值 | 描述 |
|---|
| formNew | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
| highNew | number | 规定被界定为高的值的范围。 |
| lowNew | number | 规定被界定为低的值的范围。 |
| maxNew | number | 规定范围的最大值。 |
| minNew | number | 规定范围的最小值。 |
| optimumNew | number | 规定度量的最优值。 |
| valueNew | number | 必需。规定度量的当前值。 |
HTML <meter> 标签属性作用介绍
value属性
当前的数值。如果设置了最小值和最大值（分别由min属性和max属性定义），它必须介于最小值和最大值之间。如果没有指定或者格式有误，值即为0.如果给定的值不在最小值和最大值之间，它的值就等于它最接近的一端的值。使用备注: 除非值域在0到1（闭区间）, 否则最小值和最大值属性需要定义，以保证value属性在值域范围内。换言之，默认的min和max值分别为0和1。
min属性
值域的最小边界值。如果设置了，它必须比最大值要小。如果没设置，默认为0。
max属性
值域的上限边界值。如果设置了，它必须比最小值要大。如果没设置，默认为1。
low属性
定义了低值区间的上限值（译者注：如果value介于min和low之间，该元素就会表现出低值的视觉效果，value落在[min,low]、[high,max]等不同的区间会使浏览器渲染该元素时出不同的视觉效果）。如果设置了，它必须比最小值属性大，并且不能超过high值和最大值。未设置或者比最小值还要小时，其值即为最小值。
high属性
定义了高值区间的下限值。如果设置了，它必须小于最大值，同时必须大于low值和最小值。如果没有设置，或者比最大值还大，其值即为最大值。
optimum属性
这个属性用来指示最优/最佳取值。它必须在正确的值域内（由最小值属性和最大值属性定义）。当使用了low和high属性时，它指明哪一个取值范围是更好的。例如，假设它介于最小值和low之间，那么lower区间就被认为是更佳的取值范围。
form属性
该属性将本元素与对应的form元素关联。例如，一个计量器可能用来显示某个数值输入框（input元素，number类型）的范围。只有当计量器元素被用作表单关联的元素时，该属性才应当被使用；即便如此，如果它作为表单的后代元素出现，它仍然有可能被省略。
<meter> 标签支持全局属性，查看完整属性表 HTML全局属性。
<meter> 标签支持所有 HTML事件属性。
HTML <meter> 标签实例代码2:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>meter标签的应用</title>
</head>
<body>
<h1>169it.com-meter标签的应用</h1>
<p>空间剩余大小：<meter min="0" max="1024" value="600">600/1024</meter>600/1024 GB</p>
<p>您的得分是：<meter min="0" max="100" low="60" high="90" optimum="100" value="91">91分</meter>91分</p>
</body>
</html>
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <meter> 标签
