html5 meter標籤是什麼意思？html5 meter度量衡如何改變顏色詳解

html5 meter標籤是什麼意思？html5 meter度量衡如何改變顏色詳解.本篇文章主要給大家說的就是html5 meter標籤的定義和用法，還有關於html5 meter度量衡如何改變顏色的詳細介紹

html5 meter標籤的定義和用法：

<meter> 標籤定義度量衡。僅用於已知最大和最小值的度量。

比如：磁碟使用方式，查詢結果的相關性等。

注意： <meter> 不能作為一個進度條來使用， 進度條 <progress> 標籤。

這有執行個體：

<meter min="0" max="20">5</meter><meter>2 out of 10</meter><meter>30%</meter>

什麼是meter元素：

meter元素表示規定範圍內的數量值。meter元素有6個屬性！

1.value屬性：在元素中特地地表示出來的實際值。該屬性值預設為0，可以為該屬性制定一個浮點小數值。

2.min屬性：指定規定範圍時允許實用的最小值，預設0，在設定該屬性時所設定的值不能小於0。

3.max屬性：指定規定的範圍時允許使用的最大值，如果設定時該屬性值小於min的值，那麼把min屬性的值視為最大值。max屬性的預設值1。

4.low屬性：規定範圍的下限值，必須小於或者等於high的值。

5.high屬性：規定範圍的上限值。如果該屬性值小於low屬性的值，那麼把low屬性的值視為high屬性的值，同樣如果該屬性的值大於max屬性的值，那麼把max屬性的值視為high的值。

6.optimum屬性：最佳值屬性值必須在min屬性值與max屬性值之間，可以大於high屬性值。

html5 meter度量衡如何改變顏色：

在meter中要想改變顏色，需要用到五個值，分別是：min（最小值）、max（最大值）、low、high、value和optimum，其中前四個值會把整個進度劃分成3區間，

綠色：當value和optimum值在一個區間時，它就會呈現出綠色。

黃色：當optimum在high和max之間的時候，value在low和high之間，它就會呈現出黃 色

當optimum在low和high之間的時候，value值在min和low之間，在high和max 之間的時候就會呈現出黃色。

當optimum在min和low之間的時候，value值在low和high之間會呈現出黃色。

紅色：當optimum在high和max之間的時候，value值在min和low之間時就會呈現出紅 色。

當optimum在min和low之間的時候，value在high和max之間就會呈現出紅色。

當optimum在綠色地區的時候，value也在綠色地區的時候，整個就會呈現出綠色

當optimum在綠色地區的時候，value值在黃色地區的時候，整個就會呈現出黃色

當optimum在綠色地區的時候，value值在紅色地區的時候，整個就會呈現出紅色

當optimum在綠色地區的時候，valu值在中間綠色地區是為綠色

當optimum在綠色地區的時候，value值在min和low之間和在high和max之間時都呈現出黃色

當optimum在綠色地區的時候，value也在綠色地區的時候，整個就會呈現出綠色

當optimum在綠色地區的時候，value值在黃色地區的時候，整個就會呈現出黃色

當optimum在綠色地區的時候，value值在紅色地區的時候，整個就會呈現出紅色

HTML 4.01 與 HTML 5 之間的差異：

<meter> 標籤是 HTML 5 中的新標籤。

【相關推薦】

HTML <fieldset> 標籤的具體用法是什嗎？怎麼用fieldset設定邊框顏色？

HTML<option>的屬性有哪些？option selected屬性的具體用法介紹