etiquetas - html example
target="_ blank" vs. target="_ new" (12)
¿Cuál es la diferencia entre <a target="_new"> y <a target="_blank"> y cuál debo usar si solo quiero abrir un enlace en una nueva pestaña / ventana?
Utilice "_blank"
Según la especificación de HTML5 :
Un nombre de contexto de navegación válido es cualquier cadena con al menos un carácter que no comience con un carácter U + 005F LOW LINE. (Los nombres que comienzan con un guión bajo están reservados para palabras clave especiales).
Un nombre de contexto de navegación o una palabra clave válidos es cualquier cadena que sea un nombre de contexto de navegación válido o una coincidencia ASCII que no distinga entre mayúsculas y minúsculas para uno de: _blank, _self, _parent o _top. "- Source
Eso significa que no existe una palabra clave como _new en HTML5, y tampoco en HTML4 (y, en consecuencia, XHTML) . Eso significa que no habrá ningún comportamiento consistente en absoluto si lo usa como un valor para el atributo de destino.
Recomendación de seguridad
Como Daniel y Michael han señalado en los comentarios, al usar target _blank apunta a un sitio web que no es de confianza, debe, además, configurar rel="noopener" . Esto evita que el sitio de apertura se meta con el abridor a través de JavaScript. Vea esta publicación para más información.
El atributo de destino de un enlace obliga al navegador a abrir la página de destino en una nueva ventana del navegador. El uso de _blank como valor objetivo generará una nueva ventana cada vez, mientras que usar _new solo generará una nueva ventana y cada enlace que se _new clic con un valor objetivo de _new reemplazará la página cargada en la ventana generada anteriormente
El uso de target="_blank" indicará al navegador que cree una nueva pestaña o ventana del navegador cuando el usuario haga clic en el enlace.
El uso de target="_new" es válido técnicamente de acuerdo con las especificaciones, pero por lo que sé, todos los navegadores se comportarán de la misma manera:
- buscará una pestaña o ventana con el nombre de contexto "_new"
- si se encuentra una pestaña / ventana "_new", entonces la URL se carga en ella
- si no se encuentra, se crea una nueva pestaña / ventana con el nombre de contexto "_new" y la URL cargada
Tenga en cuenta que target="_new" se comportará exactamente igual que target="new" , y este último es HTML válido, mientras que el primero es HTML no válido.
Agregando algo de confusión a esto, en HTML4 el atributo de target estaba en desuso. En HTML5 esta decisión se invirtió, y es una parte oficial de la especificación una vez más. Todos los navegadores son compatibles con target sin importar qué versión de HTML esté utilizando, pero algunos validadores marcarán el uso como obsoleto si su doctype es HTML4.
El uso de _New es útil cuando se trabaja en páginas que están Iframed. Since target = "_ blank" no hace el truco y abre la página en el mismo iframe ... target new es la mejor solución para Iframe Pages. Sólo mis cinco centavos.
Esto puede haber sido preguntado antes, pero:
"cada enlace que especifica target =" _ new "busca y encuentra esa ventana por su nombre y se abre en ella.
Si usa target = "_ blank", se creará una nueva ventana cada vez, encima de la ventana actual ".
desde aquí: http://thedesignspace.net/MT2archives/000316.html
Para abrir un enlace en una nueva pestaña / ventana, utilizará <a target="_blank"> .
valor _blank = contexto de navegación orientada: una nueva: pestaña o ventana dependiendo de su configuración de navegación
valor _new = no válido; no hay tal valor en HTML5 para el atributo de destino en un elemento
atributo de destino con todos sus valores en un elemento: demostración de video
Precaución: recuerde incluir siempre las "comillas": al menos en Chrome, target=_blank (sin comillas) NO ES LO MISMO que target="_blank" (con comillas).
Este último abre cada enlace en una nueva pestaña / ventana. La primera (comillas que faltan) abre el primer enlace en el que hace clic en una nueva pestaña / ventana, luego sobrescribe esa misma pestaña / ventana con cada enlace subsiguiente en el que hace clic (también se denomina con las comillas que faltan).
Sé que esta es una pregunta antigua y la respuesta correcta, usar _blank , se ha mencionado varias veces, pero usar <a target="somesite.com" target=_blank>Link</a> es un riesgo de seguridad .
Se recomienda ( beneficios de rendimiento ) utilizar <a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>
Tengo entendido que target = whatever buscará un marco / ventana con ese nombre. Si no se encuentra, se abrirá una nueva ventana con ese nombre. Si whatever == "_new" , aparecerá como si usara _blank excepto .....
El uso de uno de los nombres de destino reservados pasará por alto la fase de "búsqueda". Así, target = "_blank" en una docena de enlaces abrirá una docena de ventanas en blanco, pero target = whatever en una docena de enlaces solo abrirá una ventana. target = "_new" en una docena de enlaces puede dar un comportamiento inconstante. No lo he probado en varios navegadores, pero solo debería abrir una ventana.
Al menos así es como interpreto las reglas.
target="_blank" abre una nueva pestaña en la mayoría de los navegadores.
TL; DR
USE _blank
El atributo de destino especifica dónde abrir el documento vinculado.
USAGE: target="xyz" [don''t forget double quotes]
_blank Opens the linked document in a new window or tab
_self Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
framename Opens the linked document in a named frame
DESDE QUE "_new" no sea ninguno de estos, TENDRÁ QUE LLEGARÁ BAJO "nombre de cuadro", por lo que si un usuario vuelve a hacer clic en ese hipervínculo, no abrirá una nueva pestaña, sino que actualizará la pestaña existente. Mientras que en _blank si el usuario hace clic dos veces, se abren 2 pestañas nuevas.
- _blank como valor objetivo generará una nueva ventana cada vez,
- _new solo generará una nueva ventana.
Además, cada enlace al que se haga clic con un valor objetivo de _new reemplazará la página cargada en la ventana generada anteriormente.
Puede hacer clic aquí Cuándo usar _blank o _new para probarlo por sí mismo.