optimum属性

meter要素のoptimum属性は、最適点(最適である値)を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<meter value="実際値" optimum="最適点"></meter>
<meter value="実際値" optimum="最適点" low="低い範囲との境界" high=高い範囲との境界"></meter>

最適点は、最適である値のこと。

optimum属性を省略した場合は、最小値と最大値の中間点が、最適点であろうとみなす。

low属性(低いと考えられる範囲)や、high属性(高いと考えられる範囲)を設定し、2つもしくは3つの範囲に分けた場合、optimum属性に指定した最適点を含む範囲が、最適な範囲となる。範囲を分けなかった場合、計測範囲全体が最適な範囲となる。

サンプルコード

<meter value="0.5" optimum="0.5" low="0.3" high="0.7"></meter>

0.3以上0.7以下が最適な範囲。

サンプル

HTMLソースコード

<p>
	最適点は0.5、実際値は0.2: 
	<meter value="0.2" optimum="0.5">0.2</meter>
</p>
<p>
	最適点は0.5、実際値は0.5: 
	<meter value="0.5" optimum="0.5">0.5</meter>
</p>
<p>
	最適点は0.5、実際値は0.8: 
	<meter value="0.8" optimum="0.5">0.8</meter>
</p>
<hr>
<p>
	最適点は0.5、実際値は0.2、計測範囲を3つに分けた場合: 
	<meter value="0.2" optimum="0.5" low="0.3" high="0.7">0.2</meter>
</p>
<p>
	最適点は0.5、実際値は0.5、計測範囲を3つに分けた場合: 
	<meter value="0.5" optimum="0.5" low="0.3" high="0.7">0.5</meter>
</p>
<p>
	最適点は0.5、実際値は0.8、計測範囲を3つに分けた場合: 
	<meter value="0.8" optimum="0.5" low="0.3" high="0.7">0.8</meter>
</p>
<hr>
<p>
	最適点は0.8、実際値は0.2、計測範囲を3つに分けた場合: 
	<meter value="0.2" optimum="0.8" low="0.3" high="0.7">0.2</meter>
</p>
<p>
	最適点は0.8、実際値は0.5、計測範囲を3つに分けた場合: 
	<meter value="0.5" optimum="0.8" low="0.3" high="0.7">0.5</meter>
</p>
<p>
	最適点は0.8、実際値は0.8、計測範囲を3つに分けた場合: 
	<meter value="0.8" optimum="0.8" low="0.3" high="0.7">0.8</meter>
</p>
<hr>
<p>
	最適点は0.2、実際値は0.2、計測範囲を3つに分けた場合: 
	<meter value="0.2" optimum="0.2" low="0.3" high="0.7">0.2</meter>
</p>
<p>
	最適点は0.2、実際値は0.5、計測範囲を3つに分けた場合: 
	<meter value="0.5" optimum="0.2" low="0.3" high="0.7">0.5</meter>
</p>
<p>
	最適点は0.2、実際値は0.8、計測範囲を3つに分けた場合: 
	<meter value="0.8" optimum="0.2" low="0.3" high="0.7">0.8</meter>
</p>

実際の表示

最適点は0.5、実際値は0.2: 0.2

最適点は0.5、実際値は0.5: 0.5

最適点は0.5、実際値は0.8: 0.8


最適点は0.5、実際値は0.2、計測範囲を3つに分けた場合: 0.2

最適点は0.5、実際値は0.5、計測範囲を3つに分けた場合: 0.5

最適点は0.5、実際値は0.8、計測範囲を3つに分けた場合: 0.8


最適点は0.8、実際値は0.2、計測範囲を3つに分けた場合: 0.2

最適点は0.8、実際値は0.5、計測範囲を3つに分けた場合: 0.5

最適点は0.8、実際値は0.8、計測範囲を3つに分けた場合: 0.8


最適点は0.2、実際値は0.2、計測範囲を3つに分けた場合: 0.2

最適点は0.2、実際値は0.5、計測範囲を3つに分けた場合: 0.5

最適点は0.2、実際値は0.8、計測範囲を3つに分けた場合: 0.8