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

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

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

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

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

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

meter度量衡如何改變顏色：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【小編推薦】

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

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

以上就是HTML5 meter標(biāo)簽什么意思？meter標(biāo)簽的用法詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！