21/2/2018 Propiedad target de los enlaces o vínculos y su código html5 correcto

Utilizamos cookies para analizar tu navegacion. Si continuas navegando entiendo que aceptas su uso, oki? Detalles Cerrar

Acerca de... Foro CCTW

Promoción de Webs Hosting y Dominios Herramientas Útiles Rentabilizar Webs Ejemplo con Tablas Ejemplo con Divs Proyecto Completo
Antes de Empezar Curso de HTML5 Curso de Estilos CSS Curso Php y MSQL Curso de JavaScript Curso de jQuery Curso de Photoshop
Introdución al Html Más lecciones de Html Estructura HTML5 Formularios Html5 Y Ahora, Qué

Foro CCTW
Anuncios:

Introdución al Html:
Abrir o no en una nueva ventana del navegador con la propiedad
Introdución Target de los enlaces
La estructura
Tipo de Documento
Especificar el idioma
Google AdWords
Titulo o Title Llega a Nuevos Clientes con AdWords.
Meta Description Entra Aquí y Recibe Soporte de un
Tipo de Códificación Especialista. adwords.google.com
Párrafos
Resaltar Textos
Comentarios Si ya has navegado un poco por internet, te habrás dado cuenta de que al pulsar enlaces en
Titulos h1, h2... ocasiones te aparece la página de destino en la misma ventana del navegador (internet explorer,
Las Imágenes firefox o el que sea) y en otras ocasiones en una ventana nueva, aparte de la que estabas
Etiqueta de Imagen
Ruta de Imagen
mirando, no?
Nombre de Archivo
Dimensiones Esto se consigue con la propiedad target que puede tomar los siguientes valores:
Texto Alternativo
Los Enlaces
Etiqueta de Enlaces
Ruta de Enlaces target="_top": Se usa esta opción cuando queremos que el archivo enlazado se muestre en una
El Target
pantalla completa de la ventana eliminando los frames o marcos si los hay. Esta opción se utiliza
Title Alternativo
Anclajes solo cuando nuestra página web esté hecha con frames o marcos y, como yo no lo recomiendo
Propiedad rel para nada, puedes olvidarte de ella ;)
Ejemplo Hasta Ahora
Saltos de Línea
Las Listas
target="_parent": Con esta opción la página destino se muestra en marco anterior al marco o
Listas Desordenadas frame en el que está el enlace. No me explico bien? Pues no pasa nada, pues es también para
Listas Ordenadas usar cuando tienes marcos y no va a ser el caso, verdad? ;)
Metatag description
Palabras Clave
target="_self": Con esta tercera opción, la página de destino a la que apunta en vínculo se
mostrará en la misma ventana del navegador del visitante, es decir, no se abrirá en una ventana
aparte. Esta opción es la que se toma por defecto, la que se activa si no se indica ninguna
propiedad target y por tanto tampoco la usaremos. Para qué poner esto si ya va a funcionar así sin ponerlo?

target="_blank": Esta es la única que nos interesa. Con esta opción la página enlazada se abrirá en una ventana nueva
del navegador. Resulta útil cuando queremos enviar a las visitas a una página externa, fuera de nuesta web. Así se
mantendrá nuestra web abierta en otra ventana y no perdemos esa visita, pues tiene nuestra página a mano. También la
puedes usar cuando quieres mostrar otra página de tu web, pero sin que el visitante pierda de vista la página en la que
estaba. Yo la uso por ejemplo cuando os quiero mostrar alguna definición de la enciclopedia CCTW. Así, veis la definición
en otra ventana sin perder de vista la página en la que estábais. Luego podéis cerrar la de la definición y continuar sin
perder el hilo. Me explico?

Resumiendo, si queremos que la página de destino se abra en otra ventana del navegador usaremos target="_blank" y en
caso contrario no colocamos esa propiedad target. Qué bien eso de simplificar, no? Pues olvidate del resto! ;=)

Crea Tu Página Web Fácil, Rápido y de Alta Calidad.

Gratis Diseña Tu Sitio Web en Minutos!

http://www.comocreartuweb.com/curso-de-html/curso-html-introducion/los-enlaces/el-target.html 1/2
21/2/2018 Propiedad target de los enlaces o vínculos y su código html5 correcto
Página
Utilizamos cookies para analizar tu navegacion. web gratis navegando
Si continuas | Tutorial WordPress
entiendo que aceptas su uso, oki? Detalles Cerrar
Archivo Mapa de la Web Política y Normas Copyright © 2005-2013 comocreartuweb.com

Foro CCTW

http://www.comocreartuweb.com/curso-de-html/curso-html-introducion/los-enlaces/el-target.html 2/2