처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML tabindex 속성에서 값이 -1, 0, 양수일 때의 차이점은?

보통 MDN Web Docs
보기 및 정답
A -1은 탭 순서에서 제외하되 JavaScript로 포커스 가능, 0은 DOM 순서로 탭 이동, 양수는 지정된 순서로 탭 이동
B -1은 요소를 화면에서 숨기고, 0은 기본 표시 상태를 유지하며, 양수는 확대하여 강조 표시하는 레이아웃 기능이라고 할 수 있다
C 세 값 모두 완전히 동일한 동작을 하며, 숫자 값은 단순히 브라우저에 의해 무시되어 기능적 차이가 전혀 없다
D -1은 포커스를 완전히 차단하고, 0은 읽기 전용 모드를 설정하며, 양수는 편집 가능한 상태로 전환한다

해설

tabindex="-1"은 Tab 키로는 접근할 수 없지만 element.focus()로는 포커스할 수 있습니다. tabindex="0"은 DOM 순서에 따라 탭으로 접근 가능하게 합니다. 양수 값은 해당 번호 순서로 탭 이동하지만, 접근성 문제로 사용이 권장되지 않습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기