728x90
일반적으로 웹 페이지에서 tab으로 input이나 a태그와 같은 요소에 접근할 때 나열된 서순대로 접근하게 된다.
이 순서는 절대적이지 않고 수정이 가능한데, tabindex 속성이 이를 가능케 한다.
<input type="text" tabindex="2" placeholder="Name">
<input type="text" tabindex="1" placeholder="Email">
<input type="text" tabindex="3" placeholder="NickName">
탭으로 input에 접근하면, email, name, nickname 순서가 된다.
<a href="#" tabindex="-1">Home</a>
<a href="#" tabindex="3">Services</a>
<a href="#" tabindex="2">About</a>
<a href="#" tabindex="1">Contact</a>
tab으로 a태그 링크에 접근하면 Contract, About, Services 순서로 접근된다.
tabindex가 음수이면, tab으로 포커싱할 수 없다.
728x90
'기타' 카테고리의 다른 글
Etag를 활용한 브라우저 리소스 캐싱 (0) | 2024.04.15 |
---|---|
har 파일 생성 및 뷰어로 확인하기 (0) | 2023.11.19 |
HTML 작성 시 안티패턴들 (0) | 2023.10.09 |
HTML 스킵 네비게이션이란? (0) | 2023.09.28 |
MVVM과 MVI에 대해서 (0) | 2023.09.21 |