tabindex 전역 속성은 요소의 포커스 설정 여부와 만약 요소가 키보드 탐색 범위에 속해야 한다면 어느 지점에서 선택되어야 하는지 정수값을 사용해 지정할 수 있습니다.

가능한 값의 종류는 다음과 같습니다.

  • 음의 정수값은 요소가 포커스를 받을 수는 있지만 순차적인 키보드 탐색으로는 접근 불가능함을 나타냅니다.
  • 0은 요소가 포커스를 받을 수 있으며 동시에 순차적인 키보드 탐색으로도 접근 가능함을 나타냅니다. 그러나 요소의 상대적인 순서는 플랫폼이 정한 규약에 따라 달라질 수 있습니다.
  • 의 정수값은 요소가 포커스를 받을 수 있으며 동시에 순차적인 키보드 탐색으로도 접근 가능함을 나타냅니다. 요소의 상대적인 순서는 속성값에 의해 결정됩니다. 탭 인덱스 값이 낮은 것부터 차례대로 순차 탐색합니다. 만약 몇몇 요소에게 동일한 탭 인덱스 값을 부여한다면, 탐색 순서는 문서내의 요소의 상대적인 위치에 따라 결정됩니다.

키보드로 순차 탐색을 할 시에, 0 값이나 부정확한 값 혹은 아무런 탭 인덱스 값도 가지고 있지 않은 요소는 탭 인덱스 값이 양의 정수인 요소 탐색이 완료된 후에 뒤따라 등장해야 합니다.

포커스 관리에 대한 심층적인 설명이 필요하다면, 이 기사를 참고하십시오.

명세

Specification Status Comment
HTML Living Standard
The definition of 'tabindex' in that specification.
Living Standard No change from latest snapshot, HTML 5.1.
HTML 5.1
The definition of 'tabindex' in that specification.
Recommendation Snapshot of HTML Living Standard, no change from HTML5.
HTML5
The definition of 'tabindex' in that specification.
Recommendation Snapshot of HTML Living Standard. From HTML 4.01 Specification, the attribute is now supported on all elements (global attributes).
HTML 4.01 Specification
The definition of 'tabindex' in that specification.
Recommendation Only supported on <a>, <area>, <button>, <object>, <select>, and <textarea>.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
tabindexChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: alattalatta, mdnwebdocs-bot, 7ylee, young-gratia
최종 변경자: alattalatta,