/html/meter:> Счётчик скалярных изменений_
Элемент meter
Синтаксис
HTML
<meter value="..." max="..."> ... </meter>
Описание
Элемент meter (от англ. "meter" ‒ «счётчик, измеритель») создаёт элемент счётчик скалярных изменений в известном диапазоне или дробных значений. Данный элемент уместно использовать для отображения заполненного пространства на жестком диске, результатов опроса (в отображении процента людей выбравших тот или иной вариант) и так далее.
Внешний вид
‒ счётчик скалярных изменений. (Chromium)
Примечание
Так как в старых браузерах данный элемент не поддерживается, в него желательно вкладывать текст с соответствующими числовыми значениями.
Условия использования
Использование данного элемента в качестве шкалы прогресса недопустимо, так как для этих целей создан отдельный элемент progress.
Поддержка браузерами
Chrome
8+
Firefox
16+
Opera
11+
Maxthon
Поддерж.
IExplorer
Safari
6+
iOS
Android
4.4+
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.15 The meter element |
| 5.1 | 4.10.15. The meter element |
| XHTML | |
| 1.0 | |
| 1.1 | |
Атрибуты
- high
- Указывает значение счёткика, которое должно восприниматься как «большое» (близкое к максимальному).
- low
- Указывает значение счёткика, которое должно восприниматься как «небольшое» (близкое к минимальному).
- max
- Задаёт максимальное значение счётчика.
- min
- Задаёт минимальное значение счётчика.
- optimum
- Указывает значение счётчика, которое должно восприниматься как «оптимальное».
- value
- Указывает текущее значение счётчика.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент meter</title>
</head>
<body>
<h1>Пример использования элемента "meter"</h1>
<h2>Результаты опроса населения</h2>
<p><meter high="50" max="100" value="68">(68 из 100)</meter> "За" </p>
<p><meter value="0.27">(27 из 100)</meter> "Против" </p>
<p><meter low="10" min="0" value="5" max="100">(5 из 100)</meter> "Воздержались" </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент meter</title>
</head>
<body>
<h1>Пример использования элемента "meter"</h1>
<h2>Результаты опроса населения</h2>
<p><meter high="50" max="100" value="68">(68 из 100)</meter> "За" </p>
<p><meter value="0.27">(27 из 100)</meter> "Против" </p>
<p><meter low="10" min="0" value="5" max="100">(5 из 100)</meter> "Воздержались" </p>
</body>
</html>
Элемент meter