meter element - by. UXKM

meter element 설명

<meter> 요소는 분수 값이나 게이지(gauge) 내에서 특정 스칼라 값(scalar measurement)이 어느 정도인지를 표현할 때 사용합니다.
예를 들어, 디스크의 사용량, 특정 후보를 선택한 투표 인구의 비율 등을 시각적으로 보여주고 싶을 때 <meter> 요소를 사용할 수 있습니다.
하지만 <meter> 요소를 진행 정도를 나타내는데 사용해서는 안 되며, 진행 상황을 나타낼 때는 <progress> 요소를 사용해야 합니다.

<meter> 요소는 HTML5에서 새롭게 추가된 요소입니다.
Internet Explorer는 지원하지 않습니다.

9.12.1. meter 속성

[value] <meter value="숫자">

value 속성은 게이지의 현재 또는 측정된 값을 명시합니다.
value 속성은 <meta> 요소의 필수 속성으로, value 속성값은 반드시 min 속성값과 max 속성값 사이의 값이어야 합니다.

[high] <meter high="숫자">

high 속성은 범위(gauge) 내에서 높은 값(high value)으로 간주될 구간을 명시합니다.
high 속성값은 max 속성값보다 작거나 같아야 하며, low 속성값과 min 속성값보다는 크거나 같아야 합니다.

[low] <meter low="숫자">

low 속성은 범위(gauge) 내에서 낮은 값(low value)으로 간주될 구간을 명시합니다.
low 속성값은 min 속성값보다 크거나 같아야 하며, high 속성값과 max 속성값보다는 작거나 같아야 합니다.

[max] <meter max="숫자">

max 속성은 게이지(gauge)의 최댓값을 명시합니다. max 속성값은 min 속성값보다 크거나 같아야 하며, 만약 명시되지 않는다면 기본값인 1로 설정됩니다.
이러한 maxhigh 속성은 min 속성과 함께 사용하여 전체 범위를 설정할 수 있습니다.
max 속성값은 min 속성값보다 크거나 같아야 하며, 만약 명시되지 않는다면 기본값인 1로 설정됩니다.

[min] <meter min="숫자">

min 속성은 게이지(gauge)의 최소값을 명시합니다. min 속성값은 max 속성값보다 작거나 같아야 하며, 만약 명시되지 않는다면 기본값인 0으로 설정됩니다.
이러한 min 속성은 max 속성과 함께 사용하여 전체 범위를 설정할 수 있습니다.
min 속성값은 max 속성값보다 작거나 같아야 하며, 만약 명시되지 않는다면 기본값인 0으로 설정됩니다.

[optimum] <meter optimum="숫자">

optimum 속성은 범위(gauge) 내에서 최적값(optimal value)으로 간주될 값을 명시합니다.

[form] <meter form="form id">

<meter> 요소가 포함될 하나 이상의 <form> 요소를 명시함.
이 속성값은 같은 문서 내에 위치하는 <meter> 요소의 id 값이어야만 합니다.
이 속성값은 현재 모든 브라우저에서 지원하지 않습니다.

meter element 예제