HTML5 meter标签什么意思？meter标签的用法详解

首先我们得先了解HTML5 meter标签是什么意思？

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

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

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

使用 meter 元素来度量给定范围（gauge）内的数据：

 meter html' target='_blank'>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标签的用法详解的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。