Атрибут optimum
Синтаксис
<meter value="..." optimum="[значение]"> ... </meter>
Описание
Атрибут / параметр optimum (от англ. "optimum" ‒ «оптимум») указывает позицию счётчика скалярных изменений, которая считается «оптимальной». В зависимости от оптимальной точки счётчика различные диапазоны этого счётчика (задаваемые атрибутами «low» и «high») определяются в качестве приемлемых и не приемлемых диапазонов значений счётчика:
- Если оптимальная позиция ниже, чем значение верхнего предела нижнего диапазона (точка диапазона «низких значений», задаваемая атрибутом «
low»), то это означает, что чем ниже значение, тем лучше.
- Если оптимальная позиция выше, чем значение нижнего предела верхнего диапазона (точка диапазона «высоких значений», задаваемая атрибутом «
high»), то это означает, что чем выше значение, тем лучше.
- Если оптимальная позиция находится между указанными диапазонами, то тогда это означает, что ни «высокие», ни «низкие значения» не являются приемлемыми.
Условия использования
Значение данного атрибута должно быть больше либо равно значению атрибута «min», но меньше либо равно значению атрибута «max».
Поддержка браузерами
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.15 The meter element The optimum attribute... |
| 5.1 | 4.10.15. The meter element The optimum attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
В качестве значения указывается допустимое число с плавающей точкой.
<meter min="0.0" optimum="10.0" max="20.0" value="10.5"></meter>
Примечание: при указывании целочисленного значения дробную часть числа можно не указывать.
<meter min="0" optimum="10" max="20" value="10.5"></meter>
Значение по умолчанию: середина между минимально- и максимально-допустимым значением, то есть визуально это середина счётчика.
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Параметр optimum (Элемент meter)</title>
<link type="text/css" href="../max/ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования атрибута "optimum"</h1>
<p><span>Показатель №1</span> <meter min="0" max="100" low="10" optimum="5" high="90" value="7">7</meter></p>
<p><span>Показатель №2</span> <meter min="0" max="100" low="10" optimum="45" high="90" value="55">55</meter></p>
<p><span>Показатель №3</span> <meter min="0" max="100" low="10" optimum="95" high="90" value="93">93</meter></p>
</body>
</html>