/html/meter:> Счётчик скалярных изменений_

Элемент meter

Синтаксис

HTML
<meter value="..." max="..."> ... </meter>

Описание

Элемент meter (от англ. "meter" ‒ «счётчик, измеритель») создаёт элемент счётчик скалярных изменений в известном диапазоне или дробных значений. Данный элемент уместно использовать для отображения заполненного пространства на жестком диске, результатов опроса (в отображении процента людей выбравших тот или иной вариант) и так далее.

Внешний вид

  • Внешний вид счётчика скалярных изменений ‒ счётчик скалярных изменений. (Chromium)

Примечание

Так как в старых браузерах данный элемент не поддерживается, в него желательно вкладывать текст с соответствующими числовыми значениями.

Условия использования

Использование данного элемента в качестве шкалы прогресса недопустимо, так как для этих целей создан отдельный элемент progress.


Поддержка браузерами

Chrome
8+
Firefox
16+
Opera
11+
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
6+
iOS
Поддерж.
Android
4.4+

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 ---
5.0 4.10.15 The meter element
5.1 4.10.15. The meter element
XHTML
1.0 ---
1.1 ---

Атрибуты

high
Указывает значение счёткика, которое должно восприниматься как «большое» (близкое к максимальному).

Внешний вид счётчика скалярных изменений c «высоким значением»

low
Указывает значение счёткика, которое должно восприниматься как «небольшое» (близкое к минимальному).

Внешний вид счётчика скалярных изменений c «низким значением»

max
Задаёт максимальное значение счётчика.
min
Задаёт минимальное значение счётчика.
optimum
Указывает значение счётчика, которое должно восприниматься как «оптимальное».
value
Указывает текущее значение счётчика.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент meter</title>
</head>
<body>
<h1>Пример использования элемента "meter"</h1>
<h2>Результаты опроса населения</h2>
<p><meter high="50" max="100" value="68">(68 из 100)</meter> "За" </p>
<p><meter value="0.27">(27 из 100)</meter> "Против" </p>
<p><meter low="10" min="0" value="5" max="100">(5 из 100)</meter> "Воздержались" </p>
</body>
</html>
Элемент meter