Описание
tabindex используется для определения последовательности, которой следуют пользователи, когда они используют клавишу Tab для навигации по странице. По умолчанию естественный порядок табуляции будет соответствовать исходному порядку в разметке. В некоторых случаях может потребоваться изменить порядок вкладок по умолчанию, но настоятельно рекомендуется создать страницу в логическом потоке и позволить браузеру работать с ней в порядке по умолчанию — подход, который tabindex необходимость в tabindex .
tabindex может начинаться с 0 и увеличиваться на любое значение. Таким образом, последовательность 1, 2, 3, 4, 5 будет в порядке, как 10, 20, 30, 40, 50. Если вам нужно ввести tabindex , желательно использовать последовательность, которая содержит интервалы (например, второй пример), так как это даст вам возможность добавить другие элементы управления позже, если это необходимо (например, 10, 15, 20), без необходимости повторной индексации всех значений tabindex на странице. Если заданное значение tabindex будет применено к более чем одному элементу (например, все ссылки в одном разделе, tabindex «1», и ссылки на боковой панели, tabindex «2»), порядок tabindex этих затронутых элементов будет следующим: исходный порядок разметки. Многие люди предпочтут использовать этот подход, а не последовательность с определенным интервалом, например, 5, 10, 15, поскольку он позволяет добавлять дополнительные ссылки или элементы управления формой без головной боли при повторной нумерации. Если используется tabindex «-1», элемент, к которому он применяется, больше не будет фокусироваться на клавиатуре.
Если tabindex установлен где-либо на странице — даже если это сотая ссылка или элемент управления пятидесятой формы — порядок табуляции будет начинаться с элемента с наименьшим значением tabindex и будет работать через приращения. Только после этого порядок табуляции принимает остальные элементы, для которых не задан индекс табуляции. Таким образом, нужно быть очень внимательным, чтобы добавление tabindex не повредило удобству использования страницы в целом.
Если атрибут disabled установлен для элемента, который имеет tabindex , этот tabindex будет игнорироваться.
пример
tabindex установлен в "3" для ссылки ниже:
<p> Вы можете попробовать наш <a href="cakes.html" tabindex="3"> прекрасный ассортимент тортов </a>. </ p>
Значение
Этот атрибут может принимать любое числовое значение.