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>

猜你喜欢
联络方式:
深圳 · 龙岗 · 大运软件小镇22栋302-308
电话:400 1828 580
邮箱:szhulian@qq.com



-
一个好的APP该怎样留住用户
APP用户留存,更多是在活跃的前提下才会去思考的,用户不活跃谈何留存呢?因此,有了活跃度之后,就要考虑用户粘性,也就是留存问题!如何进行用户留存呢?可以使用活动盒子的活动SDK埋点功能,在应用内不断地进行活动推送,让用户更加活跃!
-
iframe高度自适应里面的内容怎么实现?
iframe高度自适应里面的内容怎么实现?一、固定的容器中iframe宽高100%撑满容器,iframe超出部分出现滚动条
-
深正互联和你分享如何选择正确的网站配色方案
颜色不仅影响网站的外观,而且影响它的有效性。这意味着,网站人均浏览时长,访问者的回头率,甚至网站转化都取决于颜色方案的选择。此外,考虑到现代技术的可视化,色彩扮演了互联网上的主要角色之一。
-
网站改版了,权重和排名如何自处?
很多网站想要改版,但是不知道多久合适,或者网站改版了,权重和关键词排名怎么办?
-
提高PHP执行效率,解决三大常见问题
在项目开发过程中,经常遇到了一些PHP处理程序性能底下的情况,程序运行在centos+nginx环境,虽然这个有很多的原因如:服务器本身配置,运行环境nginx服务,php-fpm配置等等,更多有一点仍然是PHPer没有对程序进行更好的优化。