<meter>

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

개요

The HTML <meter> Element represents either a scalar value within a known range or a fractional value.

Usage note: Unless the value attribute is between 0 and 1 (inclusive), the min attribute and max attribute should define the range so that the value attribute's value is within it.

속성

This element includes the global attributes.

value
The current numeric value. This must be between the minimum and maximum values (min attribute and max attribute) if they are specified. If unspecified or malformed, the value is 0. If specified, but not within the range given by the min attribute and max attribute, the value is equal to the nearest end of the range.
min
The lower numeric bound of the measured range. This must be less than the maximum value (max attribute), if specified. If unspecified, the minimum value is 0.
max
The upper numeric bound of the measured range. This must be greater than the minimum value (min attribute), if specified. If unspecified, the maximum value is 1.
low
The upper numeric bound of the low end of the measured range. This must be greater than the minimum value (min attribute), and it also must be less than the high value and maximum value (high attribute and max attribute, respectively), if any are specified. If unspecified, or if less than the minimum value, the low value is equal to the minimum value.
high
The lower numeric bound of the high end of the measured range. This must be less than the maximum value (max attribute), and it also must be greater than the low value and minimum value (low attribute and min attribute, respectively), if any are specified. If unspecified, or if greater than the maximum value, the high value is equal to the maximum value.
optimum
This attribute indicates the optimal numeric value. It must be within the range (as defined by the min attribute and max attribute). When used with the low attribute and high attribute, it gives an indication where along the range is considered preferable. For example, if it is between the min attribute and the low attribute, then the lower range is considered preferred.
form
This attribute associates the element with a form element that has ownership of the meter element. For example, a meter might be displaying a range corresponding to an input element of type number. This attribute is only used if the meter element is being used as a form-associated element; even then, it may be omitted if the element appears as a descendant of a form element.

예제

간단한 예제

<p>Heat the oven to <meter min="200" max="500" value="350">350 degrees</meter>.</p>

On Google Chrome, the resulting meter looks like this:

meter1.png

High and Low range example

Note that in this example the min attribute is omitted; this is allowed, as it will default to 0.

<p>He got a <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>

On Google Chrome, the resulting meter looks like this:

meter2.png

사양

사양 상태 주석
WHATWG HTML Living Standard
The definition of '<meter>' in that specification.
Living Standard  
HTML5
The definition of '<meter>' in that specification.
Recommendation  

브라우저 호환성

기능 Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 6.0 16.0 (16.0) bug 555985 Not supported 11.0 5.2
기능 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support Not supported 16.0 (16.0) bug 555985 Not supported 11.0 Not supported

같이 보기

문서 태그 및 공헌자

 이 페이지의 공헌자: azunyan3
 최종 변경: azunyan3,