HTML <meter> 태그

정의 및 사용법

<meter> 태그는 범위 내의 알려진 스칼라 측정치 또는 분수를 정의합니다. 또는 가이지(gauge)라고도 합니다。

예를 들어: 디스크 사용량, 쿼리 결과의 관련성 등.

주의:사용하지 마십시오 <meter> 로 진행 상황을 표시합니다(예: 진행 표시기). 진행 표시기의 경우, <progress> 태그.

ヒント:항상 사용하십시오 <label> 태그، 최상의 접근성 실천을 얻으십시오!

다른 것을 참조하십시오：

HTML DOM 참조 매뉴얼：Meter 객체

예제

meter 요소를 사용하여 주어진 범위 내의 스칼라 값을(계측기) 표시합니다：

<label for="disk_c">디스크 사용량 C：</label>
<meter id="disk_c" value="2" min="0" max="10">이 두분의 일</meter><br>
<label for="disk_d">디스크 사용량 D:</label>
<meter id="disk_d" value="0.6">60%</meter>

직접 테스트해 보세요

속성

속성 값 설명
form 폼 id meter 요소가 어느 폼에 속하는지 지정합니다。
high 숫자 범위의 높은 값을 지정합니다。
low 숫자 범위의 낮은 값을 지정합니다。
max 숫자 범위의 최대 값을 지정합니다。
min 숫자 범위의 최소 값을 지정합니다. 기본 값은 0입니다。
optimum 숫자 계측기의 최적 값을 지정합니다。
value 숫자 필수입니다. 계측기의 현재 값을 지정합니다。

설명

meter 요소는 특정 범위 내의 모든 가능한 값 중 하나를 표시합니다。min 와 max 속성이 가능한 값의 범위의 경계를 설정하며, 이들은 부호 실수로 표현할 수 있습니다。meter 요소의 표시는 세 부분으로 나눌 수 있습니다: 너무 낮음, 너무 높음 및 최적.low 속성이 값을 설정하면, 그 아래의 모든 값은 너무 낮다고 간주됩니다；high 속성은 값을 설정하면 그 값 이상의 모든 값이 과도하다고 간주됩니다;optimum 속성은 최적 값을 지정합니다.

전역 속성

<meter> 태그는 다음을 지원합니다 HTML에서의 전역 속성.

이벤트 속성

<meter> 태그는 다음을 지원합니다 HTML에서의 이벤트 속성.

기본 CSS 설정

없음.

브라우저 지원

표에서의 숫자는 이 태그를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
8.0 13.0 16.0 6.0 11.5