【网页设计】Meter元素的属性和在H5中的用法?

2016-08-25 20:08:00 7685 11 编辑:深色多郎 来源:网站设计书籍

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>

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通