Artículos
HTML

Abrir enlace en una nueva ventana

22/Dic/2006

Lo primero que tenemos que saber si pensamos en abrir enlace en una nueva ventana es que es una opción configurable por los navegadores en su comportamiento por defecto y que lo más normal es que los enlaces de una página HTML se habrán en la misma página que los contiene. Pero puede darse el caso que esto no sea lo que más nos interese y queramos cambiar su comportamiento.

Si lo que queremos es abrir el enlace en una nueva ventana simplemente tenemos que trabajar con los atributos del elemento a o anchor de HTML. En concreto con los valores que le asignemos al atributo target.

Es decir, nuestro código para crear un enlace quedará de la siguiente manera, utilizando la siguiente estructura:

<a href="enlace" target="valor">Contenido Enlazable</a>

Tenemos que conocer que los valores que se le pueden dar al atributo target son varios. Entre ellos podemos encontrar los siguientes:

  • _blank, el enlace se abre en una nueva página.
  • _parent, el enlace se abre sobre la página padre.
  • _self, el enlace se abre en la misma página.
  • _top, el enlace se abre sobre la ventana superior. En este caso es si estamos en un frame o iframe. Se abriría sobre la página que lo contiene.

Por lo que si queremos abrir enlace en una nueva ventana deberemos de asignarle el valor de _blank a dicho a tributo, para que cuando pinchemos sobre el enlace, el enlace se abra en una nueva ventana.

Es por ello que nuestro código para crear el enlace quedará la siguiente línea de código:

<a target="_blank" href="<http://www.lineadecodigo.com>">Abrir Linea de Codigo en una nueva ventana</a>

De esta forma tan sencilla podemos conseguir el cometido que estábamos buscando dentro del diseño de nuestra página web. ¿Se te ocurre qué tendríamos que hacer para que el enlace se abriese en una pestaña del navegador? ¿Podríamos utilizar alguno de los valores del atributo target? Comparte tus ideas con nosotros en los comentarios.

Código Fuente

Descárgate el código fuente de Abrir enlace en una nueva ventana
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Abrir enlace en una nueva ventana

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
51 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios