HTML тег - meter - определение и примеры использования
Меню
Веб-разработка
Тег meter HTML

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> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
form form_id Указывает, к какой форме принадлежит элемент <meter>
high number Указывает диапазон, который считается высоким значением
low number Указывает диапазон, который считается низким значением
max number Указывает максимальное значение диапазона
min number Указывает минимальное значение диапазона. Значение по умолчанию — 0
optimum number Указывает, какое значение является оптимальным для датчика
value number Необходимый. Указывает текущее значение датчика

Глобальные атрибуты

Тег <meter> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <meter> также поддерживает атрибуты событий в HTML


Связанные страницы

Руководство по HTML: введение в HTML


Настройки CSS по умолчанию

Отсутствуют.


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой