html/css 독학하기

코스 전체목록

닫기

meter

Introduced in HTML 5

설명

he HTML meter element (<meter>) represents either a scalar value within a known range or a fractional value.

HTML meter 엘레먼트 (<meter>) 는 알고 있는 실수로 표현할 수 있는 어떤 범위, 혹은 범위의 일부분인 실수 값을 나타낸다.
 

 

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.

참고 : value 속성이 0과 1 (포함)  사이의 값이 아니라면, min 속성과 max 속성은 value 속성의 값을 포함하고 있는 범위로 정의 되어야 한다.

Usage Context

Permitted content Phrasing content, but no descendant meter elements.
Tag omission None, both the start tag and the end tag are mandatory.
Permitted parent elements Any element that accepts phrasing content.
Normative document HTML5, section 4.10.8

속성

이 엘리먼트는 전역속성을 지원한다.

 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.

현재의 숫자 값. 만약 value 가 명시적인 값이라면 그 값은 최소값과 최대값 (min 속성과 max 속성)사이의 것이어야 한다. 만약 명시적으로 값이 지정되지 않았거나 형식이 없다면 value 는 0 이 된다. 만약 명시적으로 지정된 값이지만 그 값이 min 속성과 max 속성 사이의 범위에 있지 않다면 value 는 그 범위에서 가장 가까운 끝의 값이 된다.

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.

측정 범위의 수 중 작은 수의 영역(최소값). min 값이 정해져 있는(명시된) 경우 그 값은 최대값(max 속성) 보다 작은 수여야하고  min 값이 정해져 있지(명시적이지) 않은 경우라면 min 값(최소값)은 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.

측정 범위의 수 중  큰 수의 영역(최대값). max 값이 정해져 있는(명시된) 경우 그 값은 최소값(min 속성) 보다 큰 수여야하고 max 값이 정해져 있지(명시적이지) 않은 경우라면 max 값은 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.

측정된 범위의 최소값 보다 큰 수의 영역. 만약 low 값이 정해져 있는(명시된) 경우에 low 값은 최소값(min 속성) 보다 큰 수여야 하고 high 값과 최대값 (high 속성과 max 속성)보다는 작아야만 한다. low 값이 정해져 있지(명시적이지) 않은 경우나 최소값 보다 작은 경우에 low 값은 최소값과 같게 된다.

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.

측정범위의 최대값 보다 작은 수의 영역. 만약 high 값이 정해져 있는(명시된) 경우에 high 값은 최대값(max 속성) 보다 작아야 하고 low 값과 최소값 (low 속성 과  min 속성) 보다 커야 한다. high 값이 정해져 있지(명시적이지) 않은 경우나 최대값보다 큰 경우 high 값은 최대값과 같게 된다.

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.

이 속성최적의 자 값을 나타낸다. 그 값은 (min 속성과 max 속성으로 정의된) 범위 사이에 있어야 한다. 이 속성이 low 속성이나 high 속성과 함께 사용되는 경우 그것은 더 적절하다고 생각되어지는 범위를 나타낸다.   예를 들어, 만약 min 속성과 low 속성 사이에 있다면 더 작은 쪽 범위가 보다 적절한(최적의) 값이 된다.

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.

이 속성은 meter 요소의 소유권을 가지고 있는 form 요소들과 연관성을 가진다. 예를들어 meter 는 입력된 요소의 형식번호와 관련된 범위를 표시할 수 있다. 만약  meter 요소가 form과 연합된(관련된) 요소로 사용되어진다면 이 속성은 생략될 수 없고, form요소의 자식요소로 사용된다면 생략할 수 있다.

예제

Simple example  

간단 예제

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

크롬의 결과

 

High and Low range example  

high 와 low 범위 예제

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

크롬의 결과

DOM Interface

 

호환성

크롬과 오페라만 지원된다.

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 6.0 bug 555985   11.0 Nightly build
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원   bug 555985   11.0  

참고

댓글

댓글 본문
  1. Jung Jongwon
    either ~~ or ~~ 로 구조를 봐야 해서 다음과 같이 해석하는게 어떨까 합니다. "알려진 범위 내의 양으로 나타내거나 분수값으로 표현한다" scalar는 vector에서 방향치만 없어서 "양"이라고만 표현했고 factional value는 분수로 보입니다. 구조는 either a scalar value or factional value로 생각됩니다.
  2. engfordev
    오옷.. 이미지 캡쳐해서 넣어주신 거에요? +_+
버전 관리
김나솔
현재 버전
선택 버전
graphittie 자세히 보기