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

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

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

Синтаксис:

<element tabindex = "number">

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

Значение	Описание	Chrome	Firefox	Opera	Safari	IExplorer	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 может быть применё только к следующим элементам:

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