Sistemas

Anclas

Las anclas nos permitirán crear enlaces especificando a qué lugar concreto de unapágina queremos saltar.Un enlace normal tiene la estructura de los enlaces normales. Al pulsar sobre el texto activo nopodemos elegir el lugar de la página al que saltamos, iremos siempre al comienzo.

Desde una página cualquiera y en cualquier lugar de ella se escribe el código para crear un enlace.Cuando sepulsa sobre el texto activo se salta al comienzo de otra página, tal y como indica la flecha. Usando enlaces a anclasse puede cambiar este comportamiento.Un ancla es una marca que se sitúa en un punto determinado de una página. Posteriormente se podrá crear unenlace a ese ancla de manera que al pulsar sobre el texto apropiado en vez de saltar a otra página se salta al lugardonde esté elancla, es decir, ya no se va al comienzo de la página como con los enlaces vistos hasta ahora. Dichode otra forma usando anclas es posible que un enlace apunte al lugar concreto de una página que se desee.

Cuando crear anclas

Para crear anclas usamos, al igual que para crear enlaces, la etiqueta , sin embargo no debe confundirse porque aunque ambos elementos estén relacionados y se use la mismaetiqueta para crearlos las funciones de cada uno son radicalmente diferentes. Las anclas sólo son marcas y son invisibles cuando visualizamos lapágina con el navegador. Por esta razón las anclas no definen ningún texto activo.A pesar de ello es habitual encontrar texto entre las instrucciones de inicio y de fin como en el siguiente ejemplo:

Comienzo

Este texto no tiene ningún significadoespecial y será interpretado por los navegadores de igualforma que el texto de alrededor, en el ejemplo anterior, al crear anclas no se emplea el atributo ’href’. En su lugar se usaotro llamado ’name’. Con este atributo se da un nombre al ancla que luego nos servirá para referirse a ella.

Un ejemplo donde la utilidad de las anclas se hace evidente es en aquellas páginas en las que nosencontramosuna lista ordenada alfabéticamente. Si la lista es muy larga moverse hasta la letra S, por ejemplo puede hacersemolesto. Pero usando anclas el autor de la página puede incluir todas las letras al principio de manera que sise pulsa sobre una letra se salta al lugar de la lista donde empiecen las entradas de la letra S. En la figura 2.14podemos ver un ejemplo real



Figura 2.14. En la secciónsuperior puede verse ver una serie de enlaces (las letrasmayúsculas) a anclas. En la sección superior se muestra el lugar al que se ha saltado al pulsar sobre la letra S. Podemos deducir que antes de la palabra Salud hay un ancla.

En este caso se detallan todas las secciones del Web ordenadas alfabéticamente. Al principio de la página hay unlistado con todas las letras del abecedario de maneraque al pulsar sobre una letra vas al lugar de la página dondeestán las secciones que empiezan con esa letra. ¿Cómo se hace esto? Es muy sencillo, el proceso consta de dospasos:

1. Primero hay que insertar el ancla en el lugar de la página donde se quiere poder saltar.Tomando comoejemplo una una página web que contiene un diccionario se emplearía el siguientecódigo:
...


Salud
Santa ClausSeguridad
...
2. En segundo lugar se crea un enlace al principio de la página un que apunte al ancla. En esteejemplo el códigousado es:
S


En este ejemplo al pulsar sobre la letra S se salta directamente al lugar de la página donde se encuentra la palabrasalud, que es la primera de las que comienzan con “S”, que es el efectodeseado. Para especificar que el enlaceapunta a un ancla se haincluido un signo # seguido del nombre del ancla.La estructura de un enlace a un ancla que se encuentre en la misma página como cuando pulsamossobre el enlace el navegador nos transporta hasta el lugar de la página donde está el ancla.

En ella hemos usado un dibujo de un ancla para señalar donde existe un ancla, en un documento real en realidadno existe ningún elemento visual que la identifique,...