HTML глобальный атрибут tabindex

Глобальные атрибуты

Определение и применение

Глобальный атрибут tabindex определяет порядок табуляции элемента (использование кнопки "Tab" для навигации).

Синтаксис:

<element tabindex = "number">

Поддержка браузерами и значения атрибута

ЗначениеОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
numberНомер определяет порядок табуляции элемента (порядок начинается с 1).ДаДаДаДаДаДа

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Глобальный атрибут tabindex</title>
</head>
<body>
<p>Используя кнопку <kbd>Tab</kbd> выберите необходимую ссылку:</p>
<a href  = "#" tabindex  = "3"> Ссылка №1</a></br>
<a href  = "#" tabindex  = "2"> Ссылка №2</a></br>
<a href  = "#" tabindex  = "5"> Ссылка №3</a></br>
<a href  = "#" tabindex  = "1"> Ссылка №4</a></br>
<a href  = "#" tabindex  = "4"> Ссылка №5</a>
</body>
</html>

Используя кнопку Tab выберите необходимую ссылку:

Ссылка №1
Ссылка №2
Ссылка №3
Ссылка №4
Ссылка №5

Отличия HTML 4.01 от HTML 5

В HTML5, атрибут tabindex может быть использован к любому элементу HTML (пройдёт валидацию), но в некоторых случаях в этом нет необходимости.

В HTML 4.01, атрибут tabindex может быть применё только к следующим элементам:

Глобальные атрибуты