首页 > 软件操作教程 > 编程开发 > HTML
题目内容

HTML5文本 实用性标记 刻度

题目答案

    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条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端