HTML5 meter標簽什么意思？meter標簽的用法詳細說明

首先我們得先了解HTML5 meter標簽是什么意思？

<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標簽如何去掉標號呢？<ol>標簽的使用方法總結

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

以上就是HTML5 meter標簽什么意思？meter標簽的用法詳解的詳細內容，更多請關注php中文網其它相關文章！