HTML tabindex 속성

<시간/>

HTML tabindex 속성은 HTML 문서에서 요소의 탭 순서를 정의합니다. 모든 HTML 요소에서 사용할 수 있음을 의미하는 전역 속성입니다.

구문

다음은 구문입니다 -

<tagname tabindex=”number”></tagname>

예시

HTML tabindex Attribute −

의 예를 살펴보겠습니다.

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
   p {
      font-size: 1.2rem;
   }
</style>
<body>
<h1>HTML tabindex Attribute</h1>
<p tabindex="5">I'm paragraph.</p>
<p tabindex="4">I'm paragraph.</p>
<p tabindex="3">I'm paragraph.</p>
<p tabindex="2">I'm paragraph.</p>
<p tabindex="1">I'm paragraph.</p>
<p>Now, try to navigate through paragraph using tab key</p>
</body>
</html>

출력

HTML tabindex 속성

이제 탭 키를 사용하여 단락을 탐색해 보십시오.

HTML tabindex 속성