Тег meter

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


-	6.0+	11.0+	5.2+	16.0+	-	-

В каких спецификациях используется?

HTML

5.0

XHTML

Для чего используется?

Данный тег используют для вывода значения числа относительно выбранного диапазона. Полезно использовать <meter> при работе с какми-либо характеристиками оборудования.

Как правильно задавать?

<meter value="значение">текст</meter>

Какие атрибуты поддерживаются?

high - показывает определенный диапазон, при входе в который параметр считается высоким.
low - показывает определенный диапазон, при входе в который параметр считается низким.
max - определяет наибольшее значение, которое можно использовать.
min - определяет наименьшее значение, которое можно использовать.
optimum - фиксирует наиболее благоприятный показатель исследуемого параметра.
value - всегда используется для тега <meter> и фиксирует значение.

Закрытый тег

Нет.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег meter</title>
 </head>
 <body>
  <p>Масса продукта, кг</p>
  <meter value="2" max="100" low="10" high="60">Низкая</meter>
  <meter value="20" max="100" low="10" high="60">Оптимальная</meter>
  <meter value="70" max="100" low="10" high="60">Высокая</meter>
  <meter value="100" max="100">Критическая</meter>
 </body>
</html>

По итогу получаем

Тип html тега:

HTML5