HTML에서 <meter> 태그의 low 속성을 사용하면 측정값 중 낮은 값으로 간주되는 범위를 설정할 수 있습니다. <meter> 태그는 디스크 사용량, 연료 잔량, 설문 결과처럼 정해진 범위 안의 스칼라 값을 시각적으로 표현할 때 유용합니다.
low 속성과 함께 min(최솟값), max(최댓값), high(높은 값 기준) 속성을 조합하면 게이지의 상태를 더욱 정교하게 제어할 수 있습니다.
예제
다음 코드를 실행하여 low 속성이 실제로 어떻게 동작하는지 직접 확인해 보세요.
<!DOCTYPE html> <html> <head> <title>HTML meter 태그</title> </head> <body> <meter value = "6" high = "9" low = "5" min = "0" max = "10">10점 만점에 6점</meter> <br /> <p>여기서 수위를 확인할 수 있습니다</p> </body> </html>
위 예제에서 값이 5 이하로 떨어지면 해당 구간은 '낮은 값' 범위로 분류되며, 브라우저는 이를 시각적으로 다르게 표시합니다. 이를 통해 사용자는 수치가 위험 수준이나 주의 수준에 도달했는지 한눈에 파악할 수 있습니다.