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?
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.
fuente
utilizar
target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
fuente
Deberías poder agregar
target="_blank"
me gusta
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
fuente
El
target
atributo 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.
fuente
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>
fuente
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
fuente
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 sutarget="_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>
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 ambosejemplo 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"`>
fuente