与えられた範囲(ゲージ)内の測定データに meter 要素を使用します:
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Try it Yourself ❯
<meter> タグは、既知の範囲内のスカラー測定値、あるいはフラクショナル値(?)を定義します。 これは、ゲージとしても知られています。
例:ディスク使用量、クエリ結果の適合率、など。
注: <meter> タグは、進行状況を示すために(プログレスバーのように)使用すべきではありません。 プログレスバーには、<progress> タグを使用してください。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<meter> | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
<meter> タグは、HTML5で新しく追加されました。
= HTML5 で新規追加。
属性 | 値 | 説明 |
---|---|---|
form | form_id | <meter> 要素が属する 1 つ以上のフォームを指定する |
high | number | 高いと考えられる範囲の下限値を指定する |
low | number | 低いと考えられる範囲の上限値を指定する |
max | number | 範囲の最大値を指定する |
min | number | 範囲の最小値を指定する |
optimum | number | ゲージ用の最適値がどの値かを指定する |
value | number | 必須。ゲージの現在値を指定する |
<meter> タグは、HTML のグローバル属性もサポートします。
<meter> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:Meter オブジェクト
なし。