Home - HTML - Enlaces en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10
Enlaces en HTML (IV)
por Luciano Moreno, del departamento de diseño web de BJS Software.
La etiqueta Anchor- Propiedades (III).-
Seguimos con las propiedades de la etiqueta <A>:
* TITLE="cadena"
Mediante esta propiedad podemos fijar un texto descriptivo del destino del enlace o de la funcionalidad del mismo, que aparecerá cuando el puntero del ratón se pocicione sobre el enlace, en forma del conocido "tip" o bocadillo explicativo, común a diferentes aplicaciones. El mensaje a mostrar quedará definido mediante el valor "cadena".
Es ésta una propiedad muy interesante, ya que en muchas ocasiones el texto o imagen que actúan como enlace no son lo suficientemente significativos, por lo que el usuario puede no tener claro dónde le va a enviar el enlace. Esta confusión podemos corregirla empleando TITLE, que dará al usuario la suficiente información sobre la utilidad final del enlace.
Ejemplo:
<a href="#" title="si pinchas saldra una ventana flotante" onClick="alert('te lo dije');return false">enlace</a>
que nos da:
Como inconveniente tiene el que no es aceptada por Nestcape Navigator 4x.
* TABINDEX="n"
Mediante ésta propiedad podemos determinar la secuencia de focos que se va a producir cuando se pulse repetidamente la tecla tabulador, es decir, dónde se va a ir el foco (y por lo tanto, qué elemento se va a poder activar) trás pulsar sobre el tabulador. El orden de cada enlace en la secuencia viene dado por el número entero "n", por lo que para que funcione bien esta propiedad no podremos repetir este valor en dos enlaces diferentes.
Es especialmente útil su uso en los enlaces para permitir la navegación en un menú mediante el tabulador. Una vez recibido el foco el enlace deseado, basta pulsar ENTER para acceder al destino del enlace.
Ejemplo:
<a href="pagina_1.html" tabindex="1">enlace 1</a><br><br>
<a href="pagina_2.html" tabindex="3">enlace 2</a><br><br>
<a href="pagina_3.html" tabindex="2">enlace 3</a><br><br>
y podéis ver su efecto si pincháis sobre el enlace 1 y luego pulsáis dos veces la tecla del tabulador:
Es una propiedad que bien usada puede favorecer notablemente la accesibilidad de nuestras páginas, al ser aplicable también a otros elementos HTML, como elementos de un formulario, con lo que podemos establecer una navegación en nuestra página mediante teclado sólamente.
Como pega, decir que no está implementada por Nestcape Navigator 4x.
* Otras propiedades
Además de las propiedades vistas hasta ahora, la etiqueta <A> posée otras menos usadas, bien porque no estás bien implementadas en uno o más navegadores, bien porque su utilidad práctica es muy limitada.
Así, tenemos las propiedades LANG, que define el idioma empleado, ACCESSKEY, que fija una tecla de acceso al enlace, y DIR, que establece el sentido horizontal del texto del enlace, creada para escribir enlaces en idiomas en los que el texto fluye de derecha a izquierda, como el árabe.
Pero insisto en que aparecen más en la documentaciónm oficial por ser recomendadas por el W3C que por su utilidad o implementación práctica.
Home - HTML - Enlaces en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10