基礎

HTML要素

メーター

meter要素

最終更新日：2023-10-09
公開日：2016-05-26

保存容量の使用状況、メーカー毎のシェアの割合などを表します。

HTML サンプルコード

<h1>ある職場でのPCユーザーの割合</h1>
<ul>
  <li>Windowsユーザー：<meter value="78" min="0" max="100">78%</meter>
  <li>Macユーザー：<meter value="22" min="0" max="100">22%</meter>
</ul>

カテゴリー

フローコンテンツ、フレージングコンテンツ、ラベル付け可能なコンテンツ、パルパブルコンテンツ
コンテンツモデル

フレージングコンテンツ。ただし、meter要素を子孫に持つことはできない
使用ケース

フレージングコンテンツが期待される場所

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
value: 現在の数値
min: 下限値（最小値）
max: 上限値（最大値）
low: value属性に対し、低域（割合として低い）の上限値を設定します。
high: value属性に対し、高域（割合として高い）の下限値を設定します。
optimum: value属性の値が最適だと判断される数字を指定します。