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.5、実際値は0.5:
最適点は0.5、実際値は0.8:
最適点は0.5、実際値は0.2、計測範囲を3つに分けた場合:
最適点は0.5、実際値は0.5、計測範囲を3つに分けた場合:
最適点は0.5、実際値は0.8、計測範囲を3つに分けた場合:
最適点は0.8、実際値は0.2、計測範囲を3つに分けた場合:
最適点は0.8、実際値は0.5、計測範囲を3つに分けた場合:
最適点は0.8、実際値は0.8、計測範囲を3つに分けた場合:
最適点は0.2、実際値は0.2、計測範囲を3つに分けた場合:
最適点は0.2、実際値は0.5、計測範囲を3つに分けた場合:
最適点は0.2、実際値は0.8、計測範囲を3つに分けた場合: