Abrir enlace en nueva pestaña en HTML
Este artículo discutirá un método para abrir un enlace en una nueva pestaña en HTML.
Utilice target="_blank" para abrir el enlace en una nueva pestaña en HTML
Podemos usar el atributo target en la etiqueta de anclaje para abrir un enlace en una nueva pestaña en HTML. El valor _blank en el atributo target de la etiqueta de anclaje abre el enlace en la nueva pestaña. La etiqueta de anclaje <a> define un hipervínculo que se utiliza para enlazar de una página a otra. El atributo href establece la URL de la página a la que desea vincular. La opción target="_blank" cambia el enlace a la nueva pestaña. El valor _blank informa al navegador que abra el enlace en una nueva pestaña, según la configuración del navegador. Podemos agregar el atributo rel en la etiqueta de anclaje con el valor noopener noreferrer como medida 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. Sin embargo, los navegadores modernos establecen la opción implícitamente cuando usamos la opción target="_blank".
Por ejemplo, dentro del cuerpo HTML, abra la pestaña de anclaje <a> y escriba el atributo href en su interior. Escriba la URL https://www.facebook.com/ como el valor del atributo href. Luego, escriba target como atributo de la etiqueta de anclaje y asígnele un valor _blank. Después, escriba el atributo rel con el valor noopener noreferrer. Luego escriba el texto Enlace entre la etiqueta de anclaje. Por último, no olvide cerrar la etiqueta de anclaje seguida de la etiqueta del cuerpo.
El siguiente ejemplo abre una nueva pestaña cuando hacemos clic en la palabra Enlace. Abre la página de Facebook cuando hacemos clic en el enlace.
Código de ejemplo:
<body>
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer" >
Link
</a>
</body>
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn