HTML中meter标签的用法

发布时间:2020-06-21 14:13:41 作者:元一
来源:亿速云 阅读:467

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

定义和用法 

<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。

例子:磁盘用量、查询结果的相关性,等等。

注:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。

HTML 4.01 与 HTML 5 之间的差异

<meter> 标签是 HTML 5 中的新标签。

实例

使用 meter 元素来度量给定范围(gauge)内的数据:

<!DOCTYPE html>
<html>
<body>

<p>显示度量值:</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

<p><b>注释:</b>Internet Explorer 不支持 meter 标签。</p>

</body>
</html>

效果图:

HTML中meter标签的用法

扩展:

HTML5 中的新属性。

属性描述
formform_id规定 <meter> 元素所属的一个或多个表单。
highnumber规定被视作高的值的范围。
lownumber规定被视作低的值的范围。
maxnumber规定范围的最大值。
minnumber规定范围的最小值。
optimumnumber规定度量的优化值。
valuenumber必需。规定度量的当前值。

以上就是HTML的<meter>标签是做什么的的详细内容,更多请关注亿速云其它相关文章!

推荐阅读:
  1. HTML中strike标签的用法
  2. HTML中details标签的用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html meter

上一篇:大数据工程师微职位学习分享

下一篇:js中原型,原型链的学习与认识

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》