HTML high 속성으로 높은 값 범위 설정하기
HTML에서 측정값이 높은 값(high value)으로 간주되는 상한 범위를 지정하려면 <meter> 요소의 high 속성을 사용하면 됩니다.
high 속성은 측정 범위 안에서 '높음'으로 판단되는 기준점을 숫자로 정의합니다. 이 값은 반드시 min과 max 사이에 있어야 하며, low 속성으로 지정한 값보다 커야 합니다.
예제 코드
다음 코드를 실행하여 high 속성이 실제로 어떻게 동작하는지 확인해 보세요.
<!DOCTYPE html>
<html>
<body>
<p>
수위:
<meter min = "0" low = "40" high = "100" max = "100" value = "75"></meter>
</p>
</body>
</html>
코드 설명
min="0": 측정 가능한 최솟값입니다.low="40": 낮은 값으로 간주되는 기준점입니다.high="100": 높은 값으로 간주되는 기준점입니다.max="100": 측정 가능한 최댓값입니다.value="75": 현재 측정된 값입니다.
이처럼 <meter> 요소는 디스크 사용량, 배터리 잔량, 수위 등과 같은 스칼라 측정값을 시각적으로 표현할 때 매우 유용하게 활용됩니다. high 속성과 함께 low, optimum 속성을 조합하면 브라우저가 측정값의 상태(낮음·적정·높음)를 더 정확하게 판단하고 색상으로 구분해 표시할 수 있습니다.