el 29 de marzo de 2019
Enlaces. Enlaces a otras páginas, enlaces internos, enlaces que no son enlaces. No importa lo que hagamos con ellos, son uno de los bloques básicos de la World Wide Web (¿por qué ya no la llamamos tanto así?).
De todos modos, este es un post corto y sencillo para detallar una cosa y sólo una cosa. Qué hacemos cuando queremos abrir un enlace en una nueva pestaña? Es bastante fácil, pero siempre se me olvida cuál de las siguientes formas adopta:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
Y aquí está la respuesta: _blank
. ¿Por qué? Porque _new
no tiene ningún significado especial. Es así de simple.
<a href="https://example.com" target="_blank">Open in new Tab</a>
Nunca más tendré que hacer una búsqueda en Google para encontrar este posttarget=»_blank» vs. target=»_new» de StackOverflow.
En ese sentido, sólo _blank
, _self
, _parent
y _top
tienen algún significado especial. Vea la especificaciónHTML para más detalles.
Nota de seguridad
Sólo tenga en cuenta que si utiliza _blank
al apuntar a un sitio web no fiable, también debe añadir rel="noopener"
. Esto asegura que el sitio que se abre no tendrá acceso a la propiedad opener
y por lo tanto la capacidad de encontrar información sobre su sitio de su JavaScript
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
Hay más información en el sitio de desarrolladores web de Google y Acerca de rel=»noopener» por Mathias Bynens.