meter是HTML5带来的全新元素。是网站设计中必不可少的元素。根据W3C的定义规范:meter元素用来表示规定范围内的数量值,如磁盘使用量比例饿、关键词匹配程度等。
需要注意的是,meter不可以用来标记那些没有已知范围的任意值,如重量、高度,除非已经设定了它们值的范围。
meter元素共有6个属性。
1.value:表示当前标量的实际值。如果不做指定,那么<meter>标签中的第一个数字就会被认为是其当前实际值,如<meter>2 out of 10</meter>中的“2”;如果标签内没有数字,那么标量的实际值就是0.
2.min:当前标量的最小值。如不做指定则为0。
3.max:当前标量的最大值。如不做指定则为1;如果指定的最大值小于最小值,那么最小值会被认为是最大值。
4.low:当前标量的低指去。必须小于或等于标量的高值区数字;如果低值区数字小于标量最小值,那么它会被认为是最小值。
5.high:当前标量的高值区。
5.optimum:最佳值。其范围在最小值与最大值区间当中,并且可以处于高颜值区。
meter属性的使用方法如下所示。
<p>磁盘使用量:<meter value=“50” min=“0” max=“160”>50/160</meter>GB</p>
<p>你的得分是:<meter value=“91” min=“0” max=“100” low=“10”high=“90”optimum=“100”>A+</meter>
不设定任何属性的时候,也可以使用百分比及分数形式,例如:
<meter>80%</meter>
<meter>3/4</meter>
本文均为荣益互联摘自权威资料,书籍,文章,或来自网络,如有版权纠纷或违规问题,请联系我们删除。我们欢迎您的分享,谢绝直接抄袭复制。感谢…