[attribute] HTML - tabindex 속성 - 탭색인번호 지정 (= tabindex속성 = 탭인덱스속성) ※ 탭넵비게이션 (= 탭키 누를 때 이동 순서 설정)

1. tabindex 예제 - 탭색인번호 지정
2. tabindex 정의
3. tabindex 구문

tabindex 예제 - 탭색인번호 지정

 

<style>

div {margin-bottom:20px;}

</style>

<div tabindex="1">홈짱닷컴s</div>

<div tabindex="3">Homzzang.com</div>

<div tabindex="2">코딩언어 강의</div>

<script>

// 시작은 첫 번째 div에 포커스 설정

document.getElementsByTagName('div')[0].focus();

</script>

결과보기

tabindex 정의

 

탭색인번호 (= Tab키 누를 때 이동하는 순서) 지정.

 

---

 

1.

• 전역속성이라 모든 요소에 사용 가능.
• JS 속성: tabIndex

 

2.

모든 브라우저 지원.

 

tabindex 구문

 

<element tabindex="number">

 

---

[속성값]

 

number

요소의 탭 순서 지정. (※ 첫 번째: 1)