HTML5 meter標籤什麼意思？ meter標籤的用法詳解

這篇文章為大家介紹了關於HTML5中的meter標籤的解釋和實例，還有meter標籤的屬性介紹，最後是meter度量衡如何改變顏色。接下來我們就一起來看這篇文章吧

首先我們得先了解HTML5 meter標籤是什麼意思？

標籤定義度量衡。僅用於已知最大值和最小值的度量。是HTML5中的新標籤，定義度量的範圍，既可以在元素的文字中，也可以在 min/max 屬性中定義。

#再來說HTML5 meter標籤的屬性：

來看看關於meter標籤的實例：

使用meter 元素來度量給定範圍（gauge）內的資料：

<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>

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值在紅色區域的時候，整個就會呈現出紅色

以上就是本篇文章的全部內容了，想看更多，歡迎到PHP中文網學習更多的課程。有問題的可以在下方提問

【小編推薦】

html中的ol標籤如何去掉標號呢？

標籤的使用方法總結


HTML中ul標籤如何去掉點？ HTML無序列表的樣式實例解析
#

以上是HTML5 meter標籤什麼意思？ meter標籤的用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！