HTML - тег <meter> определяет скалярное измерение в известном диапазоне или дробное значение. Это также известно как датчик.
Тег <meter> - синтаксис и код
Тег <meter> представлен парами. Содержимое записывается между открывающим (<meter>) и закрывающим (</meter>) тегами.
Пример использования элемента meter для отображения скалярного значения в заданном диапазоне (датчика):
<label for="disk_c">Использование диска C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">Использование диска D:</label>
<meter id="disk_d" value="0.6">60%</meter>
Элемент meter используется для отображения датчика:
2 out of 10 60%
Определение и использование
HTML - тег <meter> является одним из элементов HTML5. Тег определяет скалярное измерение в известном диапазоне или графическое представление дробного числа;
Тег можно использовать, когда необходимо отобразить, например, уровень заряда батареи, использование диска и т.п;
Для использования тега <meter> необходимо знать максимальное значение.
✪ Рекомендация: всегда добавляйте тег <label>, чтобы обеспечить максимальную доступность!
★ Примечание: тег <meter> не следует использовать для обозначения прогресса (как в индикаторе выполнения). Для индикаторов выполнения используйте тег <progress>.
Поддержка <meter> браузерами
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
Атрибуты
Атрибут
Значение
Описание
form
form_id
Указывает, к какой форме принадлежит элемент <meter>
high
number
Указывает диапазон, который считается высоким значением
low
number
Указывает диапазон, который считается низким значением
max
number
Указывает максимальное значение диапазона
min
number
Указывает минимальное значение диапазона. Значение по умолчанию — 0
optimum
number
Указывает, какое значение является оптимальным для датчика
