Logo

Dirigir los enlaces adecuadamente a su Marco

En este tema vamos a explicar como dirigir los enlaces al frame que queremos que se actualice. Por ejemplo, si queremos actualizar la parte inferior de nuestra página web, la que se corresponde con el tercer marco, debemos actualizar solamente los contenidos del tercer frame, donde están situados esos enlaces.

De forma que si pulsásemos sobre un enlace, lo normal es que se actualizase el frame principal, en el que habíamos decidido colocar los contenidos, en vez de en el frame de la barra de navegación, que debería permanecer fija. Para conseguir por lo tanto el que se actualiza el frame adecuado debemos:

Darle un nombre al frame que queremos que se actualice. Esto se consigue colocándoselo dentro de la etiqueta con el atributo name. De la siguiente forma: . Luego dirigiremos los enlaces hacia ese frame. Para lo que pondremos el atributo target en los enlaces del frame que queremos que se actualice al pulsar.

El código sería el siguiente:

<frameset rows="15%,*,75">
<frame src="pagina1.html">
<frame src="pagina2.html" name="contenidos">
<frame src="pagina3.html">
</frameset>

Y como habíamos explicado colocaremos el atributo target a los enlaces:

<a href="pagina2.html" target="contenidos">Portada</a> |
<a href="secciones.html" target="contenidos">Secciones</a> |
<a href="contacto.html" target="contenidos">Contacto</a>

Una vez visto este es conveniente que veamos algunos de los valores del atributo target que hemos incluido dentro de la etiqueta <a>. Entre los más importantes tenemos:

_blank

Con este valor del atributo target conseguimos que al pinchar en el enlace este se nos abra en una venta aparte.

_self

Con este valor se abrirá justo donde esta colocado el enlace. Este el valor que tiene por defecto.

_parent

El enlace se abre sobre la ventana que estemos trabajando, si es que no hay ninguna principal

_top

Al pinchar sobre un enlace que lleve este valor en su atributo target, la pagina se cargara a pantalla completa, es decir, que eliminara los frames que pudiera tener.

Siguiente Tema: Anidar Frames.

PÁGINA PRINCIPAL DEL CURSO CREACIÓN DE PÁGINAS WEB EN HTML