HTML5文本 實用性標記 刻度

    meter也是HTML5的新元素，它很像progress元素。可以用meter元素表示分數(shù)的值或己知范圍的測量結果。簡單地說，它代表的是投票結果。例如，己售票數(shù)（共850張，己售811張)、考試分數(shù)（百分制的90分)、磁盤使用量（如256GB中的74GB)等測量數(shù)據(jù)。

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

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

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

    meter不提供定義好的單位，但可以使用title屬性指定單位，如示例所示。通常，瀏覽器會以提示框的形式顯示title文本。meter并不用于標記沒有范圍的普通測量值，如高度、寬度、距離、周長等。

meter元素包含7個屬性，簡單說明如下。

    value：在元素中特別標示出來的實際值。該屬性值默認為0,可以為該屬性指定一個浮點小數(shù)值。唯一必需包含的屬性。

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

    max：設置規(guī)定范圍時，允許使用的最大值。如果設定時，該屬性值小于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 元素。