百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5 meter标签什么意思?meter标签的用途详解
分享文章到:

HTML5 meter标签什么意思?meter标签的用途详解

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章为大家介绍了关于HTML5中的meter标签的说明和实例,还有meter标签的属性介绍,最后是meter度量衡怎样改动色彩。接下来我们就一起来看这篇文章吧

第一我们得先理解HTML5 meter标签是啥意思?

<meter>标签定义度量衡。仅用于已知最大和最小值的度量。是HTML5中的新标签,定义度量的范畴,既可以在元素的文本中,也可以在 min/max 属性中定义。

再来说说HTML5 meter标签的属性:

tuyi.png

来看看关于meter标签的实例:

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

<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>

meter度量衡怎样改动色彩:

在meter中要想改动色彩,需要用到五个值,离别是:min(最小值)、max(最大值)、low、high、value和optimum,其中前四个值会把整个进度划分成3区间,

当value和optimum值在一个区间时,它就会显现出绿色。

黄色:当optimum在high和max之间的时候,value在low和high之间,它就会显现出黄 色

当optimum在low和high之间的时候,value值在min和low之间,在high和max 之间的时候就会显现出黄色。

当optimum在min和low之间的时候,value值在low和high之间会显现出黄色。

红色:当optimum在high和max之间的时候,value值在min和low之间时就会显现出红 色。

当optimum在min和low之间的时候,value在high和max之间就会显现出红色。

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会显现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会显现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会显现出红色

tuer.png

当optimum在绿色区域的时候,valu值在中心绿色区域是为绿色

当optimum在绿色区域的时候,value值在min和low之间和在high和max之间时都显现出黄色

tusan.png

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会显现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会显现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会显现出红色

tusi.png

以上就是本篇文章的全部内容了,想看更多,欢迎到PHP中文网学习更多的课程。有问题的可以鄙人方发问

【小编引荐】

html中的ol标签怎样去除标号呢?<ol>标签的使用办法总结

HTML中ul标签怎样去除点?HTML无序列表的样式实例解析

以上就是HTML5 meter标签什么意思?meter标签的用途详解的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板