Directorio de artículos

Enlace ancla html (marcadores)

Los marcadores son muy útiles cuando se utilizan dentro de un mismo fichero. Se utilizan en documentos de gran extensión, con los cuales podemos desplazarnos a determinados puntos. Estos son muy utilizados en apartados de FAQ (preguntas frecuentes).


Cuando el elemento A va asociado al atributo name o id se convierte en punto de destino de un link. El valor del atributo name no puede repetirse dentro de un mismo fichero, aunque al ser sensible a la utilización de mayúsculas y minúsculas, el valor "top", es distinto de "TOP".


A continuación vamos a ver un ejemplo ficticio, en el cual podemos ver la gran utilidad de este recurso. Pulsa en uno de los siguientes enlaces y veamos que ocurre:

1. Novela de terror
2. Cuentos infantiles

1. Novela de terror

El terror del Garden
El destripador de New York
Luces y sombras en la oscuridad
Buscar al asesino
Terror en los suburbios
Morir con la soga al cuello
La noche de los muertos vivientes
Horror en la jungla
El dentista

2. Cuentos infantiles

Mortadelo y Filemon
Zipi y Zape
Rompetechos
Pinocho
Literatura infantil
Directorio de cuentos
El doctor Bacterio
El Capitan Trueno
El Baron Rojo
El Castillo
Gladiadores
El astronauta

Resultado conseguido

Al pulsar en uno de los dos enlaces "Novela de terror" y "Cuentos infantiles", el navegador nos situa en la línea que contiene el marcador. Hemos definido los marcadores name="terror" y name="infantil", estos seran el destino de las enlaces <a href="#terror"></a> y <a href="#infantil"></a>.

Visualizando el código

A continuación vemos el código fuente, en el cual como hemos indicado anteriormente definimos los marcadores y el destino de los enlaces:


1.<a href="#terror" class="ver">Novela de terror</a><br>
2. <a href="#infantil" class="ver">Cuentos infantiles</a></p>
<a name="terror"></a>1. Novela de terror</p>
<p class="center"> El terror del Garden<br>
El destripador de New York<br>
Luces y sombras en la oscuridad<br>
Buscar al asesino<br>
Terror en los suburbios<br>
Morir con la soga al cuello<br>
La noche de los muertos vivientes<br>
Horror en la jungla<br>
El dentista</p>
<p class="center"><a name="infantil"></a> 2. Cuentos infantiles</p>
<p class="center">Mortadelo y Filemon<br>
Zipi y Zape<br>
Rompetechos<br>
Pinocho<br>
Literatura infantil<br>
Directorio de cuentos<br>
El doctor Bacterio<br>
El Capitan Trueno<br>
El Baron Rojo<br>
El Castillo<br>
Gladiadores<br>
El astronauta </p>

<< Volver