¿Eso hace que tu ojo se mueva un poco? Como … es un error tipográfico. Debería ser target="_blank"
con un guión bajo para iniciar el valor. Como en…
<a target="_blank" href="https://codepen.io">
Open CodePen in a New Tab
</a>
¡Bien, esa es la sintaxis correcta!
En el caso de no subrayar target="blank"
, el blank
parte es solo un nombre. Podría ser cualquier cosa. Podría ser target="foo"
o, tal vez para presagiar el propósito aquí: target="open-new-links-in-this-space"
.
La diferencia:
target="_blank"
es una palabra clave especial que abrirá enlaces en una nueva pestaña cada vez.target="blank"
abrirá el enlace en el que se hizo clic en una nueva pestaña, pero cualquier enlace futuro que compartatarget="blank"
se abrirá en la misma pestaña recién abierta.
¡Nunca supe esto! Yo acredito esta explicación del tweet.
Creé una página de demostración muy básica para mostrar la funcionalidad (código). Observe cómo se abre una nueva pestaña cuando hago clic en el primer enlace. Luego, los clics posteriores de cualquiera de las pestañas abiertas también abren ese enlace en esa nueva segunda pestaña.
¿Por qué?
Creo que los casos de uso aquí son pocos y distantes entre sí. Diablos, ni siquiera soy tan fan de target="_blank"
. Pero aquí hay uno que podría imaginar: documentación.
Supongamos que tiene una aplicación web en la que la gente trabaja activamente. Puede tener sentido abrir enlaces a la documentación desde esa aplicación en una nueva pestaña, para que no se alejen del trabajo activo. Pero, tal vez piense que no necesitan una nueva pestaña para cada enlace de documentación. Podrías hacer como …
<a target="codepen-documentation"
href="https://blog.codepen.io/documentation/">
View CodePen Documentation
</a>
<!-- elsewhere -->
<a target="codepen-documentation"
href="https://blog.codepen.io/documentation/">
About Asset Hosting
</a>