본문 바로가기

Study/UI

[html] tabindex 속성 초 간단 설명

초점이 가지 않는 태그 요소에 초점을 가게 끔 해준다.



1. 정수 사용

tabindex="1"

tabindex="2"

tabindex="3"

tabindex="4"

tabindex="5"


문서가 로드 되고 나면, 정수 순서대로 초점을 먼저 받는다.




2. tabindex="0"

정수의 초점이 끝난 후 초점이 마크업 순서대로 초점을 받는다.

(마크업 순서대로 맞추고, 초점 주고싶은 곳에 0의 값을 사용 할 것을 권장)




3. tabindex="-1"

초점이 가지 않도록 해준다.