HTML5文本 實(shí)用性標(biāo)記 刻度

    meter也是HTML5的新元素，它很像progress元素?？梢杂胢eter元素表示分?jǐn)?shù)的值或己知范圍的測(cè)量結(jié)果。簡(jiǎn)單地說(shuō)，它代表的是投票結(jié)果。例如，己售票數(shù)（共850張，己售811張)、考試分?jǐn)?shù)（百分制的90分)、磁盤(pán)使用量（如256GB中的74GB)等測(cè)量數(shù)據(jù)。

    HTML5建議（并非強(qiáng)制）瀏覽器在呈現(xiàn)meter時(shí)，在旁邊顯示一個(gè)類(lèi)似溫度計(jì)的圖形，一個(gè)表示測(cè)量值的橫條，測(cè)量值的顏色與最大值的顏色有所區(qū)別（相等除外）。作為當(dāng)前少數(shù)幾個(gè)支持meter的瀏覽器，F(xiàn)irefox正是這樣顯示的。對(duì)于不支持meter的瀏覽器，可以通過(guò)CSS對(duì)meter添加一些額外的樣式，或用JavaScript進(jìn)行改進(jìn)。

    支持meter的瀏覽器（如Firefox)會(huì)自動(dòng)顯示測(cè)量值，并根據(jù)屬性值進(jìn)行著色。<meter>和</meter>之間的文字不會(huì)顯示出來(lái)。如示例所示，如果包含title文本，就會(huì)在光標(biāo)懸停在橫條上時(shí)顯示出來(lái)。雖然并非必需，但最好在meter里包含一些反映當(dāng)前測(cè)量值的文本，供不支持meter的瀏覽器顯示。

    IE不支持meter,它會(huì)將meter元素里的文本內(nèi)容顯示出來(lái)，而不是顯示一個(gè)彩色的橫條?？梢酝ㄟ^(guò)CSS改變其外觀。

    meter不提供定義好的單位，但可以使用title屬性指定單位，如示例所示。通常，瀏覽器會(huì)以提示框的形式顯示title文本。meter并不用于標(biāo)記沒(méi)有范圍的普通測(cè)量值，如高度、寬度、距離、周長(zhǎng)等。

meter元素包含7個(gè)屬性，簡(jiǎn)單說(shuō)明如下。

    value：在元素中特別標(biāo)示出來(lái)的實(shí)際值。該屬性值默認(rèn)為0,可以為該屬性指定一個(gè)浮點(diǎn)小數(shù)值。唯一必需包含的屬性。

    min：設(shè)置規(guī)定范圍時(shí)，允許使用的最小值，默認(rèn)為0,設(shè)定的值不能小于0。

    max：設(shè)置規(guī)定范圍時(shí)，允許使用的最大值。如果設(shè)定時(shí)，該屬性值小于min屬性的值，那么把min屬性的值視為最大值。max屬性的默認(rèn)值為1。

    low：設(shè)置范圍的下限值，必須小于或等于high屬性的值。同樣，如果low屬性值小于min屬性的值，那么把min屬性的值視為low屬性的值。

    high：設(shè)置范圍的上限值。如果該屬性值小于low屬性的值，那么把low屬性的值視為high屬性的值，同樣，如果該屬性值大于max屬性的值，那么把max屬性的值視為high屬性的值。

    optimum：設(shè)置最佳值，該屬性值必須在min屬性值與max屬性值之間，可以大于high屬性值。

    form：設(shè)置meter元素所屬的一個(gè)或多個(gè)表單。

目前，Safari5.2+、Chrome6+、Opera 11+、Firefoxl6+版本的瀏覽器支持 meter 元素。