Элемент <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>
поддерживается во всех основных браузерах.