Элемент <meter> представляет скалярное изменение в пределах известного диапазона или дробного значения.
| Тип: | Inline |
| Контент: | Inline и текст, но <meter> среди его потомков |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | Новый в HTML5 |
Синтаксис
Базовый синтаксис тега <meter> выглядит следующим образом:
HTML / XHTML: <meter value="5"> ... </meter>
Примеры написания кода тега <meter>:
<p>Использование диска: <meter value="0.8">80%</meter></p>
<p>Общий счет: <meter value="6" min="0" max="10">6 из 10</meter></p>
<p>Уровень загрязнения: <meter low="60" high="80" max="100" value="85">Очень высокий</meter></p>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <meter>:
| Атрибут | Значение | Описание |
|---|---|---|
| Обязательно в этом теге должен быть указан следующий атрибут, чтобы разметка была валидной. | ||
value |
number | Определяет текущее значение тега <meter>. Оно должно быть между минимальным и максимальным значениями. |
| Опционально — следующие атрибуты не обязательные. | ||
form |
form-id | Связывает тег <meter>с конкретным тегом <form> посредством указания id. |
high |
number | Определяет диапазон, который считается максимальным значением. |
low |
number | Определяет диапазон, который считается минимальным значением. |
max |
number | Определяет максимальное значение диапазона. |
min |
number | Определяет минимальное значение диапазона. |
optimum |
number | Указывает, какое значение является оптимальным для датчика. |
Глобальные атрибуты
Как и все другие HTML-теги, тег<meter> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <meter> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <meter> поддерживается во всех основных браузерах.
















