小编给大家分享一下html5中meter度量衡怎么改变颜色，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
html5 meter标签的定义和用法：
比如：磁盘使用情况，查询结果的相关性等。
注意：
这有实例：
5 2 out of 10 30%
什么是meter元素：
meter元素表示规定范围内的数量值。meter元素有6个属性！
1.value属性：在元素中特地地表示出来的实际值。该属性值默认为0，可以为该属性制定一个浮点小数值。
2.min属性：指定规定范围时允许实用的最小值，默认0，在设定该属性时所设定的值不能小于0。
3.max属性：指定规定的范围时允许使用的大值，如果设定时该属性值小于min的值，那么把min属性的值视为大值。max属性的默认值1。
4.low属性：规定范围的下限值，必须小于或者等于high的值。
5.high属性：规定范围的上限值。如果该属性值小于low属性的值，那么把low属性的值视为high属性的值，同样如果该属性的值大于max属性的值，那么把max属性的值视为high的值。
6.optimum属性：最佳值属性值必须在min属性值与max属性值之间，可以大于high属性值。
html5 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值在红色区域的时候，整个就会呈现出红色
HTML 4.01 与 HTML 5 之间的差异：
以上是html5中meter度量衡怎么改变颜色的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联成都网站设计公司行业资讯频道！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
