Атрибут tabindex

Атрибут tabindex устанавливает порядок, в котором будет идти перечисление элементов при табуляции (клавиша Tab ). То есть данный атрибут отвечает за навигацию по HTML-странице с помощью клавиатуры.

Чаще всего атрибут tabindex используют для упорядочивания перебора между элементами форм (тег <FORM> ) или ссылками меню сайта (тег <A> ). При этом хотел бы обратить ваше внимание на то, что некоторые браузеры (в зависимости от настроек) могут визуально никак не выделять некоторые типы элементов при табуляции, хотя перебор при этом вести. Например, этими особенностями обладает браузер Opera.

Атрибут tabindex появился в HTML довольно давно, но раньше он поддерживался ограниченным количеством тегов, а теперь он есть у всех. Поэтому, если на страницах описания каких-то тегов вы увидите логотип HTML 5 () напротив атрибута, то знайте, что этот тег начал поддерживать данный атрибут именно с версии HTML 5. C другой стороны, хоть в HTML 5 теперь все теги могут иметь этот атрибут&%23160;— не факт, что браузеры его будут также понимать во всех случаях. Более того, в описаниях W3C также нет конкретики по данному вопросу, например о том, для чего использовать атрибут tabindex в параграфах (тег <P> ).

Значения

Значением атрибута tabindex является число от 0 до 32767. Перебор во время табуляции идет в порядке возрастания. Если у двух тегов одинаковые значения tabindex. то перебор идет в порядке появления их в HTML-коде страницы (сверху вниз, слева направо).

Значение по умолчанию: нет.

Если вы хотите сделать так, чтобы какой-либо HTML-элемент вообще был исключен и не выбирался при табуляции, то можете попробовать установить для него отрицательное значение tabindex. Но имейте в виду, что отрицательные значения данного атрибута не предусмотрены спецификацией HTML.

Синтаксис

Обязательный атрибут: нет.

Пример HTML: применение атрибута tabindex для тега A

Пример HTML: применение атрибута tabindex для тега AREA