HTML <meter> тег

  • Предыдущая страница <meta>
  • Следующая страница <nav>

Определение и использование

<meter> тег определяет scalarное измерение в заданном диапазоне или дробное значение. Также известен как gauge (инструмент).

например: использование диска, релевантность результатов запроса и т.д.

Обратите внимание:не следует использовать <meter> теги для представления прогресса (например, индикатор прогресса). Для индикаторов прогресса используйте <progress> тег.

Совет:Всегда используйте <label> тегдля получения лучших практик доступности!

Узнайте также:

Руководство по HTML DOM:Объект Meter

Пример

Использование элемента meter для отображения скalarного значения в заданном диапазоне (инструмент):

<label for="disk_c">Использование диска C：</label>
<meter id="disk_c" value="2" min="0" max="10">Две десятых</meter><br>
<label for="disk_d">Использование диска D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Пробуйте сами

Атрибут

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

Описание

Элемент meter отображает одно из возможных значений в определенном диапазоне.min и max Параметр определяет границы возможных значений, которые можно представить в виде плавающей точки. Отображение элемента meter можно разделить на три части:过低,过高 и оптимальное.low Параметр установил значение, все значения beneath считаются过低;high Атрибут устанавливает значение, все значения выше которого считаются过高;optimum Атрибуты указывают на оптимальное значение.

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

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

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

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

Стандартные настройки CSS

Нет.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот тег.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5
  • Предыдущая страница <meta>
  • Следующая страница <nav>