¿Cómo hacer que HTML abra un hipervínculo en otra ventana o pestaña?

93

Esta es una línea para un hipervínculo en HTML:

<a href="http://www.starfall.com/">Starfall</a>

Por lo tanto, si hago clic en "Starfall", mi navegador (estoy usando FireFox) me llevará a esa nueva página y el contenido de mi ventana cambiará. Me pregunto, ¿cómo puedo hacer esto en HTML para que la nueva página se abra en una nueva ventana en lugar de cambiar la anterior? ¿Existe tal forma en HTML?

Y si es así, ¿hay alguna forma de abrir la página solicitada en otra pestaña (no en otra ventana) de mi navegador?

brillante
fuente

Respuestas:

137
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Sin embargo, si se abre en una pestaña u otra ventana depende de cómo el usuario haya configurado su navegador.

Franco
fuente
6
No todos los navegadores admiten pestañas y en los que sí lo hacen, las páginas que se abren en una nueva pestaña frente a una nueva ventana es una configuración configurable por el usuario. No existe una forma actual de especificar que un enlace debe abrirse en una pestaña frente a una ventana.
bta
2
recuerde que el atributo de destino debe declararse DESPUÉS del atributo href
MC
109

La forma más sencilla es agregar una etiqueta de destino.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

Utilice un valor diferente para el atributo de destino para cada enlace si desea que se abran en diferentes pestañas, el mismo valor para el atributo de destino si desea que reemplacen a los demás.

Llavero
fuente
47
+1 por señalar que el objetivo no tiene que ser '_blank'.
GSto
4
Vale la pena señalar que este es un HTML5 válido.
AeroCross
¿Qué quieres decir con "nombre"?
Vnge
9

utilizar target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

jldupont
fuente
8

Deberías poder agregar

target="_blank"

me gusta

<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Jason
fuente
7

El targetatributo es la mejor forma de hacerlo.

<a href="http://www.starfall.com" target="_blank">

lo abrirá en una nueva pestaña o ventana. En cuanto a cuál, depende de la configuración de los usuarios.

<a href="http://www.starfall.com" target="_self">

es predeterminado. Hace que la página se abra en la misma pestaña (o iframe, si eso es lo que está tratando).
Los dos siguientes solo son buenos si se trata de un iframe.

<a href="http://www.starfall.com" target="_parent">

abrirá el enlace en el iframe en el que estaba el iframe que tenía el enlace.

<a href="http://www.starfall.com" target="_top">

abrirá el enlace en la pestaña, sin importar cuántos iframes tenga que atravesar.

hellol11
fuente
¿Cómo uso ese texto en color en los ejemplos de todos los demás?
hellol11
6

target = _blank se abrirá en una nueva pestaña o ventanas según la configuración del navegador.

Para forzar una nueva ventana, use javascript y haga clic en las tres partes. url, un nombre y un tamaño de ancho y alto de la ventana o simplemente se abrirá en una nueva pestaña.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
El Andyman
fuente
4

También puede lograr esto agregando lo siguiente al encabezado de su página:

<base target="_blank">

Esto hará que TODOS los enlaces de su página se abran en una nueva pestaña

Patricio
fuente
4

Dado que la web evoluciona rápidamente, algunas cosas cambian con el tiempo. Por cuestiones de seguridad, es posible que desee utilizar el rel="noopener"atributo junto con su target="_blank".

Como se indica en la documentación de desarrollo de Google , la otra página puede acceder a su objeto de ventana con la extensión window.opener property. Su enlace externo debería verse así ahora:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
JoeMecPak
fuente
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>en estos días parece ser una buena práctica tener ambos
ContextCue
1

ejemplo siguiente con target="_blank"trabajos para Safari y Mozilla

<a href="http://www.starfall.com" `target="_blank"`>

El uso target="new"funcionó para Chrome

<a href="http://www.starfall.com" `target="new"`>
scottmoo
fuente
2
¿Qué distingue tu respuesta entre una docena de otras?
Farside