Este atributo se utiliza para especificar el orden de tabulación de un elemento. Se utiliza cuando se utiliza el botón de tabulación para navegar.
Etiqueta compatible: admite todos los elementos HTML.
Sintaxis:
<element tabindex = "number">
Valor de atributo: este atributo contiene un número de valor único que se utiliza para especificar el orden de tabulación del elemento.
Diferencia entre HTML 4.1 y HTML 5: en HTML5, este atributo se puede usar con cualquier elemento HTML, pero en HTML 4.01, el atributo tabindex se puede usar con: <a>, <area>, <button>, <input>, < objeto>, <seleccionar> y <área de texto>.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>tabindex attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
a {
text-decoration:none;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>tabindex attribute</h2>
<a href="https://ide.geeksforgeeks.org/tryit.php"
tabindex="2">Geeks HTML ide</a>
<br>
<a href="https://www.geeksforgeeks.org/" tabindex="1">
GeeksforGeeks
</a>
<br>
<a href="https://ide.geeksforgeeks.org/" tabindex="3">
Geeks ide
</a>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo tabindex se enumeran a continuación:
- Cromo
- explorador de Internet
- Firefox
- Ópera
- Safari