HTML5 <meter> タグ
例
指定範囲内の測定データへ meter 要素を使用します(ゲージ):
<meter value="2" min="0" max="10">2 out of 10</meter><br />
<meter value="0.6">60%</meter>
Try it yourself »
ブラウザ・サポート
<meter> タグは、現在 Opera と Chrome がサポートしています。
定義と用法
<meter> タグは、規定範囲内または小数値でスカラー測定値を定義します。
これは、ゲージとして知られています。
例: ディスク使用量、クエリ結果の適合率など。
注: <meter> タグは(プログレスバーのように)進行状況を示すために使用すべきではありません。
プログレスバーは、<progress> タグを使用します。
HTML 4.01 と HTML5 との相違点
<meter> タグは、HTML5 で新規に追加されました。
属性
New : HTML5 で新規追加。
属性 |
値 |
説明 |
formNew |
form_id |
<meter> 要素が属する1つ以上のフォームを指定する |
highNew |
number |
高い値とされている範囲を指定する |
lowNew |
number |
低い値とされている範囲を指定する |
maxNew |
number |
範囲の最大値を指定する |
minNew |
number |
範囲の最小値を指定する |
optimumNew |
number |
ゲージの最適な値がどの値かを指定する |
valueNew |
number |
必須。ゲージの現在の値を指定する |
グローバル属性
<meter> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<meter> タグは、HTML5におけるイベント属性 もサポートします。
|