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