位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5文本 实用性标记 刻度

提问人:刘团圆发布时间:2020-11-20

    meter也是HTML5的新元素,它很像progress元素。可以用meter元素表示分数的值或己知范围的测量结果。简单地说,它代表的是投票结果。例如,己售票数(共850张,己售811张)、考试分数(百分制的90分)、磁盘使用量(如256GB中的74GB)等测量数据。

    HTML5建议(并非强制)浏览器在呈现meter时,在旁边显示一个类似温度计的图形,一个表示测量值的横条,测量值的颜色与最大值的颜色有所区别(相等除外)。作为当前少数几个支持meter的浏览器,Firefox正是这样显示的。对于不支持meter的浏览器,可以通过CSS对meter添加一些额外的样式,或用JavaScript进行改进。

    支持meter的浏览器(如Firefox)会自动显示测量值,并根据属性值进行着色。<meter>和</meter>之间的文字不会显示出来。如示例所示,如果包含title文本,就会在光标悬停在横条上时显示出来。虽然并非必需,但最好在meter里包含一些反映当前测量值的文本,供不支持meter的浏览器显示。

    IE不支持meter,它会将meter元素里的文本内容显示出来,而不是显示一个彩色的横条。可以通过CSS改变其外观。

    meter不提供定义好的单位,但可以使用title属性指定单位,如示例所示。通常,浏览器会以提示框的形式显示title文本。meter并不用于标记没有范围的普通测量值,如高度、宽度、距离、周长等。


meter元素包含7个属性,简单说明如下。

    value:在元素中特别标示出来的实际值。该属性值默认为0,可以为该属性指定一个浮点小数值。唯一必需包含的属性。

    min:设置规定范围时,允许使用的最小值,默认为0,设定的值不能小于0。

    max:设置规定范围时,允许使用的最大值。如果设定时,该属性值小于min属性的值,那么把min属性的值视为最大值。max属性的默认值为1。

    low:设置范围的下限值,必须小于或等于high属性的值。同样,如果low属性值小于min属性的值,那么把min属性的值视为low属性的值。

    high:设置范围的上限值。如果该属性值小于low属性的值,那么把low属性的值视为high属性的值,同样,如果该属性值大于max属性的值,那么把max属性的值视为high属性的值。

    optimum:设置最佳值,该属性值必须在min属性值与max属性值之间,可以大于high属性值。

    form:设置meter元素所属的一个或多个表单。

目前,Safari5.2+、Chrome6+、Opera 11+、Firefoxl6+版本的浏览器支持 meter 元素。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部