混淆在<meter>標籤

Question

有人可以幫助我瞭解2米 爲什麼之間的差異的顏色區別它們之間雖然他們有相同值 ？

<meter low="69" high="80" max="100" value="84">A</meter><span>MDN example</span> <br> 
 

 
<meter low="30" high="80" max="100" value="84">B</meter>

Answer 1

這是因爲不同的低值和高值的。

現在米標籤形成三個區域：

一個從最小（0）到低時，另一個從低到高和第三從高到最大（100）。

最佳值的默認值爲50.您可以將其設置爲您想要的值。現在在哪個地區最適合的地方是綠色的。鄰居區域顯示爲黃色，最遠的顯示爲紅色。

在第一示例中，默認最佳值是50。如果我使low=60和high=80，然後在0到60的任何將是綠色的，60〜80將是黃色的和爲80〜100將爲紅色。

在第二個例子中，我設定了optimum=70，保持低位和高位相同。然後0到60之間的任何東西都會變成黃色，60到80之間變成綠色，80到100變成黃色。

<p>First exmple</p> 
 
<meter low="60" high="80" max="100" value="34">A</meter><br/> 
 
<meter low="60" high="80" max="100" value="65">B</meter><br/> 
 
<meter low="60" high="80" max="100" value="84">C</meter><br/> 
 
<p>Second exmple</p> 
 
<meter low="60" high="80" optimum="70" max="100" value="34">A</meter><br/> 
 
<meter low="60" high="80" optimum="70" max="100" value="65">B</meter><br/> 
 
<meter low="60" high="80" optimum="70" max="100" value="84">C</meter><br/>

Answer 2

色差是由於米標籤比較值到最佳值的方式。下面將做兩米黃色：

<span>MDN example</span><br> 
 
<meter low="69" optimum="80" high="80" max="100" value="84">A</meter><br> 
 
<meter low="30" optimum="40" high="80" max="100" value="84">B</meter>

詳細解釋這個可以發現here