Тег <meter>
Описание
Тег <meter> представляет собой индикатор для отображения скалярного значения в заданном диапазоне (например, уровень загрузки диска или рейтинг). Это семантический элемент HTML5 для визуализации измерений.
<meter value="0.6">60%</meter>
<meter min="0" max="100" value="75">75/100</meter>
<meter
min="0" max="10"
low="3" high="8" optimum="6"
value="4">
Средний уровень
</meter>
Рекомендации по использованию:
- Используйте для отображения измерений с известным диапазоном
- Не путайте с
<progress>(для индикаторов выполнения) - Всегда указывайте текстовую альтернативу внутри тега
- Применяйте для рейтингов, уровней заполнения, статистических данных
- Используйте CSS для кросс-браузерной стилизации
Тег <meter> обеспечивает семантически правильное отображение измеряемых величин с возможностью визуального выделения значимых диапазонов значений.
Атрибуты
| value | Текущее значение |
| min | Минимальное значение |
| max | Максимальное значение |
| low | Нижняя граница "низкого" значения |
| high | Верхняя граница "высокого" значения |
| optimum | Оптимальное значение |
| form | Связанная форма |
| accesskey | Горячая клавиша |
| class | CSS-классы |
| id | Уникальный идентификатор |
| style | Инлайновые стили |
| title | Всплывающая подсказка |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 13.0 | 8.0 | 11.5 | 16.0 | 6.0 |