html5中meter度量衡怎么改變顏色

小編給大家分享一下html5中meter度量衡怎么改變顏色，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html5 meter標(biāo)簽的定義和用法：

<meter> 標(biāo)簽定義度量衡。僅用于已知最大和最小值的度量。

比如：磁盤使用情況，查詢結(jié)果的相關(guān)性等。

注意： <meter> 不能作為一個(gè)進(jìn)度條來使用， 進(jìn)度條 <progress> 標(biāo)簽。

這有實(shí)例：

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

什么是meter元素：

meter元素表示規(guī)定范圍內(nèi)的數(shù)量值。meter元素有6個(gè)屬性！

1.value屬性：在元素中特地地表示出來的實(shí)際值。該屬性值默認(rèn)為0，可以為該屬性制定一個(gè)浮點(diǎn)小數(shù)值。

2.min屬性：指定規(guī)定范圍時(shí)允許實(shí)用的最小值，默認(rèn)0，在設(shè)定該屬性時(shí)所設(shè)定的值不能小于0。

3.max屬性：指定規(guī)定的范圍時(shí)允許使用的最大值，如果設(shè)定時(shí)該屬性值小于min的值，那么把min屬性的值視為最大值。max屬性的默認(rèn)值1。

4.low屬性：規(guī)定范圍的下限值，必須小于或者等于high的值。

5.high屬性：規(guī)定范圍的上限值。如果該屬性值小于low屬性的值，那么把low屬性的值視為high屬性的值，同樣如果該屬性的值大于max屬性的值，那么把max屬性的值視為high的值。

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

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

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

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

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

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

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

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

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

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

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

當(dāng)optimum在綠色區(qū)域的時(shí)候，value值在紅色區(qū)域的時(shí)候，整個(gè)就會呈現(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è)就會呈現(xiàn)出綠色

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

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

HTML 4.01 與 HTML 5 之間的差異：

<meter> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。

以上是html5中meter度量衡怎么改變顏色的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！