<meter>
HTML-элемент <meter>
представляет собой скалярное значение в пределах известного диапазона или дробного значения.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Категории контента | Потоковый контент, фразовый контент, контент, ассоциированный с label, явный контент. |
---|---|
Разрешённый контент | Фразовый контент, но среди его потомков не должно быть элемента <meter> . |
Tag omission | Нет, открывающий и закрывающий теги обязательны. |
Разрешённые родители | Любой элемент, который принимает фразовый контент. |
Разрешённые ARIA роли | Нет |
DOM интерфейс | HTMLMeterElement (en-US) |
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
value
- Текущее числовое значение. Он должен быть между минимальным и максимальным значением (
min
атрибут иmax
атрибут), если они указаны. Если он не указан или имеет неверное значение, значение равно 0. Если указан, но не в пределах диапазона, заданного атрибутамиmin
иmax
, значение будет равно ближайшему концу диапазона.Примечание по использованию: Если атрибутvalue
не находится в диапазоне от0
до1
(включительно), то атрибутыmin
иmax
должны определять диапазон, в котором будет находиться значениеvalue
. min
- Нижняя числовая граница измеряемого диапазона. Он должен быть меньше, чем максимальное значение (
max
атрибут), если указан. Если не определён, то минимальное значение равно 0. max
- Верхняя числовая граница измеряемого диапазона. Он должен быть больше, чем минимальное значение (
min
атрибут), если указан. Если не определён, то максимальное значение равно 1. low
- Верхняя числовая граница нижнего предела измеряемого диапазона. Он должен быть больше, чем минимальное значение (
min
атрибут), а также, меньше, чем значение high и максимальное значение(high
атрибут иmax
атрибут, соответственно), если они указаны. Если не указан или меньше минимального значения, то значениеlow
равно минимальному значению. high
- Нижняя числовая граница верхнего предела измеряемого диапазона. Он должен быть меньше, чем максимальное значение (
max
атрибут), а также, больше, чем значение low и минимальное значение (low
атрибут и min атрибут, соответственно), если они указаны. Если не указан или больше максимального значения, то значениеhigh
равно максимальному значению. optimum
- Этот атрибут указывает оптимальное числовое значение. Он должен находиться в пределах диапазона (который определён атрибутами
min
иmax
). При использовании с атрибутамиlow
иhigh
, он указывает какая часть диапазона является предпочтительной. Например, если он находится между атрибутамиmin
иlow
, нижний диапазон является предпочтительным. form
- Этот атрибут связывает элемент с элементом
form
, частью которого является элементmeter
. Например,meter
может отображать диапазон, соответствующий элементуinput
сtype
number. Этот атрибут используется только в случае, если элементmeter
используется как элемент, связанный с формой; даже в этом случае он может быть опущен, если элемент является потомком элементаform
.
Примеры
Простой пример
HTML content
<p>Heat the oven to <meter min="200" max="500"
value="350">350 degrees</meter>.</p>
Output
В Google Chrome, результат будет выглядеть так:
Пример с High и Low диапазоном
Обратите внимание, что в этом примере атрибут min опущен; это разрешено, так как по умолчанию он будет равен 0.
HTML content
<p>He got a <meter low="69" high="80" max="100"
value="84">B</meter> on the exam.</p>
Output
В Google Chrome, результат будет выглядеть так:
Спецификации
Спецификация | Статус | Комментарии |
---|---|---|
HTML Living Standard Определение '<meter>' в этой спецификации. |
Живой стандарт | |
HTML5 Определение '<meter>' в этой спецификации. |
Рекомендация | Первое определение |
Поддержка браузерами
BCD tables only load in the browser