Estoy trabajando en un proyecto HTML, y no puedo encontrar cómo abrir un enlace en una nueva pestaña sin javascript.
Ya sé que <a href="http://www.WEBSITE_NAME.com"></a>
abre el enlace en la misma pestaña. ¿Alguna idea de cómo hacer que se abra en una nueva?
Establezca el atributo 'target' del enlace a _blank
:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
Edición: para otros ejemplos, véase aquí: http://www.w3schools.com/tags/att_a_target.asp
(Nota: Anteriormente sugerí blank
en lugar de _blank
porque, si se usa, abrirá una nueva pestaña y luego usará la misma pestaña si se vuelve a hacer clic en el enlace. Sin embargo, esto es sólo porque, como GolezTrol señaló, se refiere al nombre a de un marco/ventana, que se establecería y se utilizaría cuando el enlace se pulsa de nuevo para abrirlo en la misma pestaña).
Consideración de seguridad!
El `rel="noopener noreferrer"es para evitar que la pestaña recién abierta pueda modificar la pestaña original de forma maliciosa. Para más información sobre esta vulnerabilidad consulte estos recursos:
Utilice uno de ellos según sus necesidades.
Abra el documento vinculado en una nueva ventana o pestaña:
<a href="xyz.html" target="_blank"> Link </a>
Abrir el documento vinculado en el mismo marco en el que se ha hecho clic (es la opción por defecto):
<a href="xyz.html" target="_self"> Link </a>
Abrir el documento vinculado en el marco principal:
<a href="xyz.html" target="_parent"> Link </a>
Abrir el documento vinculado en el cuerpo completo de la ventana:
<a href="xyz.html" target="_top"> Link </a>
Abrir el documento vinculado en un marco con nombre:
<a href="xyz.html" target="framename"> Link </a>