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

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>