Atributos globales en HTML5, explicación del atributo tabindex.
tabindex
El atributo tabindex, se utiliza para establecer el orden de tabulación en el documento web, cuando se utiliza la tecla de tabulador para recorrer el mismo.
El orden de tabulación establece de qué forma el cursor se sitúa en los diferentes elementos del documento cuando se va pulsando la tecla de tabulación.
La sintaxis del atributo es la siguiente.
<Etiqueta tabindex=”Valor Numérico”>Contenido del elemento</Etiqueta>
El siguiente ejemplo muestra el uso del atributo en un documento web.
<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prácticos HTML5</title>
<meta charset="utf-8">
<meta name="author" content="José Sáez">
<meta name="description" content="Ejercicios prácticos HTML5">
<meta name="generator" content="www.aprendoencasa.com, Curso práctico HTML5">
<meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>Enlace al buscador <a href="http://www.google.es" tabindex="1">Google</a></p>
<p>Enlace al buscador <a href="http://www.bing.es" tabindex="2">Bing</a></p>
<p>Enlace a <a href="http://www.aprendoencasa.com" tabindex="3">Aprendo en casa</a></p>
</body>
</html>El resultado del ejercicio anterior ha de ser similar al que se muestra en la siguiente imagen.
Atributos Globales HTML5, atributo tabindex
Gracias por vuestra visita y un saludo!!!
