HTML5meter标签什么意思?meter标签的用法详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML5meter标签什么意思?meter标签的用法详解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1969字,纯文字阅读大概需要3分钟。
内容图文
![HTML5meter标签什么意思?meter标签的用法详解](/upload/InfoBanner/zyjiaocheng/392/da2095092812448e8b6eb2970e7281c1.jpg)
首先我们得先了解HTML5 meter标签是什么意思?
<meter>标签定义度量衡。仅用于已知最大和最小值的度量。是HTML5中的新标签,定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。
再来说说HTML5 meter标签的属性:
来看看关于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值在红色区域的时候,整个就会呈现出红色
当optimum在绿色区域的时候,valu值在中间绿色区域是为绿色
当optimum在绿色区域的时候,value值在min和low之间和在high和max之间时都呈现出黄色
当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色
当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色
当optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色
以上就是本篇文章的全部内容了,想看更多,欢迎到PHP中文网学习更多的课程。有问题的可以在下方提问
【小编推荐】
html中的ol标签如何去掉标号呢?<ol>标签的使用方法总结
HTML中ul标签如何去掉点?HTML无序列表的样式实例解析
以上就是HTML5 meter标签什么意思?meter标签的用法详解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的HTML5meter标签什么意思?meter标签的用法详解全部内容,希望文章能够帮你解决HTML5meter标签什么意思?meter标签的用法详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。