label 명시적, 암시적표현

홍요한·2020년 6월 8일
0

접근성

목록 보기
2/2
post-thumbnail

label 명시적, 암시적표현

입사한지 2주차쯤 됬을때 실무에서 label과 input태그를 쓸 상황이 와서 쓰게되었는데
당시 검수를 맞던 중 명시적표현과 암시적표현에 대해 배우게 되었다.
당시 프로젝트는 접근성페이지가 아니었지만 그래도 항상 접근성을 고려해 사용하는 습관을 들이라고 설명해주셔서 찾아보았다. 최근 예전에 정리했던 내용을 다시한번 blog로 작성하는 중이다.

label 명시적표현

<label for="name">이름</label> 
<input type="text" id="name"/>

label 암시적표현

<label> 이름 
      <input type="text" id="name"/> 
</label>

명시적표현 : label의 for와 input의 id속성을 "명시" 함으로서 연결해주는 방식
암시적표현 : label태그안에 input태그를 넣어서 for속성을 명시하지 않아도 "암묵적"으로 연결하는 방식

대체적으로 선호하는 방식은 명시적방식이다.

그 이유는 오래된 통신기기중에서는 암시적방식을 지원하지 않는 기기들이 있기 때문이다.

0개의 댓글