Глобальный HTML атрибут tabindex позволяет разработчикам делать HTML-элементы фокусируемыми, разрешать или запрещать им последовательную фокусировку (обычно с помощью клавиши Tab, отсюда и название) и определять их относительный порядок для последовательной навигации по фокусу.
Атрибут tabindex - синтаксис и код
Ссылки с указанным порядком табуляции:
<!DOCTYPE html>
<html>
<body>
<div tabindex="1">AppNet.Club</div><br>
<div tabindex="3">BirdCSS.ru</div><br>
<div tabindex="2">t.me/appnetclub</div>
<div tabindex="4">vk.com/appnetclub</div>
<script>
// В начале устанавливаем фокус на первый div
document.getElementsByTagName('div')[0].focus();
</script>
</body>
</html>
Синтаксис
<element tabindex="number">
Определение и использование
- Атрибут
tabindex определяет порядок табуляции элемента (когда кнопка "tab" используется для навигации);
- Атрибут
tabindex можно использовать для любого элемента HTML (он будет верифицирован для любого элемента HTML. Однако он не обязательно полезен).
Поддержка tabindex браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Значения атрибутов
| Значение |
Описание |
| number |
Указывает порядок табуляции элемента (1 — первый) |
Связанные страницы
Руководство по HTML: атрибуты HTML
Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.
