首先我們得先了解HTML5 meter標(biāo)簽是什么意思？

meter 標(biāo)簽定義度量衡。僅用于已知最大和最小值的度量。是HTML5中的新標(biāo)簽，定義度量的范圍，既可以在元素的文本中，也可以在 min/max 屬性中定義。

再來說說HTML5 meter標(biāo)簽的屬性：

來看看關(guān)于meter標(biāo)簽的實例：

使用 meter 元素來度量給定范圍（gauge）內(nèi)的數(shù)據(jù)：

 meter html' target='_blank'>value= 3 min= 0 max= 10 十分之三 /meter  meter value= 0.6 60% /meter 

meter度量衡如何改變顏色：

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

當(dāng)value和optimum值在一個區(qū)間時，它就會呈現(xiàn)出綠色。

黃色：當(dāng)optimum在high和max之間的時候，value在low和high之間，它就會呈現(xiàn)出黃 色

當(dāng)optimum在low和high之間的時候，value值在min和low之間，在high和max 之間的時候就會呈現(xiàn)出黃色。

當(dāng)optimum在min和low之間的時候，value值在low和high之間會呈現(xiàn)出黃色。

紅色：當(dāng)optimum在high和max之間的時候，value值在min和low之間時就會呈現(xiàn)出紅 色。

當(dāng)optimum在min和low之間的時候，value在high和max之間就會呈現(xiàn)出紅色。

當(dāng)optimum在綠色區(qū)域的時候，value也在綠色區(qū)域的時候，整個就會呈現(xiàn)出綠色

當(dāng)optimum在綠色區(qū)域的時候，value值在黃色區(qū)域的時候，整個就會呈現(xiàn)出黃色

當(dāng)optimum在綠色區(qū)域的時候，value值在紅色區(qū)域的時候，整個就會呈現(xiàn)出紅色

當(dāng)optimum在綠色區(qū)域的時候，valu值在中間綠色區(qū)域是為綠色

當(dāng)optimum在綠色區(qū)域的時候，value值在min和low之間和在high和max之間時都呈現(xiàn)出黃色

當(dāng)optimum在綠色區(qū)域的時候，value也在綠色區(qū)域的時候，整個就會呈現(xiàn)出綠色

當(dāng)optimum在綠色區(qū)域的時候，value值在黃色區(qū)域的時候，整個就會呈現(xiàn)出黃色

當(dāng)optimum在綠色區(qū)域的時候，value值在紅色區(qū)域的時候，整個就會呈現(xiàn)出紅色

以上就是本篇文章的全部內(nèi)容了，想看更多，歡迎到PHP 學(xué)習(xí)更多的課程。有問題的可以在下方提問

【小編推薦】

html中的ol標(biāo)簽如何去掉標(biāo)號呢？ ol 標(biāo)簽的使用方法總結(jié)

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

以上就是HTML5 meter標(biāo)簽什么意思？meter標(biāo)簽的用法詳解的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。