¿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?

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.


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.


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>


8

Deberías poder agregar

target="_blank"

me gusta

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

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.


¿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>

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


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>

<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"`>

2
¿Qué distingue tu respuesta entre una docena de otras?
Farside
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.