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

2016-08-25 1574 3 编辑:深色多郎 来源:网站设计书籍

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>

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

学习课堂

什么是超链接的绝对路径和相对路径?

当您搞懂什么是相对路径,什么是绝对路径,对您做SEO就有绝对的帮助,但是这个路径在超链接中,是否真的有那么大的作用,请看深色多郎怎么给您解释...

2017-07-26
2016-11-01
2017-07-14
2018-01-10

动态更新

【签约】HK汇美宝咨询服务有限公司

深圳市汇美宝健康咨询管理有限公司国际商务咨询有限公司是行业首推219服务标准的高端直营赴美产子机构,于2015年在中美两地合法注册,中国总部设在中国经济特区深圳市,美国总部位于洛杉矶橘郡富人区尔湾...

2017-05-06
2017-05-17
2016-07-20
2017-01-14

资讯知识

Vue.js v2.3.0 发布,一个构建数据驱动的 web 界面的库

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

>2017-10-19
>2017-10-21
>2016-07-06
>2017-04-21
亲,请您联系我们吧

您的疑问,只要您主动联系,将为您得到最专业,最全面的解答,欢迎您询问...