목차
- <meter> 예제 - 게이지 바 표시
- <meter> 정의
- <meter> 구문
- <meter> 속성
<meter> 예제 - 게이지 바 표시
<meter value="3" min="0" max="10">3/10 표시법</meter><br>
<meter value="0.7">70% 표시법</meter>
결과보기
<meter> 정의
일정 범위 영역에서 얼마나 차지하는지 게이지 바로 표현.
(예: 하드공간 사용 비율, 후원 모금 진행 상태 등 표시.)
1.
시작태그와 종료태그로 구성
2.
HTML5에 추가.
3.
IE 제외한 주요 최신 브라우저 모두 지원.
4.
<progress> 태그 : 진행 상태 표시.
<meter> 구문
<meter value="현재값" min="영역최소값" max="영역최대값">meter 태그 의미</meter>
또는,
<meter value="백분율을 의미하는 소수값">meter 태그 의미</meter>
<meter> 속성
form
form 아이디
high
높은 값은 갖는다고 생각되는 영역.
high 값은 max 속성값보다 작아야하며 low 및 min 속성값보다 커야 함.
low
낮은 값을 갖는다고 생각되는 영역.
low 값은 min 속성값보다 커야하며 high 및 max 속성값보다 작아야 함.
max
영역 최대값
min
영역 최소값
optimum
영역 최적값
value
영역 현재값
<meter> 태그는 전역속성과 이벤트속성 지원.
