objetivo=en blanco

¿Eso hace que tu ojo se mueva un poco? Como... es un error tipográfico. Debería estar target="_blank"con un guión bajo para comenzar 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 del guión sin subrayado target="blank", la blankparte 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 por primera vez en una nueva pestaña, pero cualquier enlace futuro que se comparta target="blank"se abrirá en la misma pestaña recién abierta.

¡Nunca supe esto! Le doy crédito a 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 desde 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 espaciados. Diablos, ni siquiera soy tan fanático de target="_blank". Pero aquí hay uno que puedo imaginar: documentación.

Supongamos que tiene una aplicación web donde la gente trabaja activamente. Podría 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