HTML <meter> タグ

前へ 完全なHTM リファレンス 次へ

与えられた範囲(ゲージ)内の測定データに 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

HTML 4.01 と HTML5 の相違点

<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 オブジェクト


デフォルトの CSS 設定

なし。


前へ 完全なHTM リファレンス 次へ