HTML <meter> 태그

정의 및 특징

・<meter> 태그는

　분수 값이나 게이지(gauge) 내에서

　특정 스칼라 값(scalar measurement)이

　어느 정도인지를 표현할 때 사용한다

 

・예를 들어, 디스크의 사용량, 인구의 비율 등을

　시각적으로 보여주고 싶을 때 <meter> 요소를 사용할 수 있다

 

・<meter> 요소를 진행 정도를 나타내는 데 사용해서는 안 되며

　진행 상황을 나타낼 때는 <progress> 요소를 사용해야 한다

 

・<meter> 태그는 HTML5에서 새롭게 추가된 요소입니다

 

 

지원하는 브라우저

6.0	지원함	지원하지 않음	16.0	6.0	11.0

 

속성

속성명	속성값	설명
form	form id	<meter> 요소가 포함될 하나 이상의 <form> 요소를 명시한다
high	숫자	높은 값(high value)으로 간주되는 범위를 명시한다
low	숫자	낮은 값(low value)으로 간주되는 범위를 명시한다
max	숫자	게이지(gauge)의 최댓값을 명시한다
min	숫자	게이지(gauge)의 최솟값을 명시한다
optimum	숫자	게이지(gauge)의 최적값(optimal value)을 명시한다
value	숫자	필수 속성으로, 게이지의 현재 또는 측정된 값을 명시한다

 

예제

<p>디스크 사용량 : <meter min="0" max="1000" value="350">350GB</meter></p>

디스크 사용량 :

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기