Главная
HTML-тег <meter>
Характеристики
- Тип: строчный, статичный, семантический
- Назначение: Представляет скалярное измерение в известном диапазоне, например, уровень заполнения или оценки.
- Родители: Любые элементы, допускающие потоковый контент.
- Потомки: Текстовые узлы, описывающие измерение.
- Глобальные атрибуты: все
- Атрибуты событий: все
Атрибуты
- value — Текущее значение измерения.
- min — Минимальное значение измерения.
- max — Максимальное значение измерения.
- low — Низкий порог значения.
- high — Высокий порог значения.
- optimum — Оптимальное значение.
Пример использования
<p>Уровень заряда батареи: <meter value="0.6">60%</meter></p>
Использование в JavaScript
// Обновление значения meter
const meterElement = document.querySelector('meter');
meterElement.value = 0.8;
Рекомендации по обеспечению доступности (a11y)
- Указывайте атрибуты min, max и value для определения диапазона и текущего значения.
- Предоставляйте текстовое описание измерения для ясности.
- Помогает пользователям понять контекст и значение измерения.
Полезные ссылки