Si alguna vez ha notado en el sitio web que se abrieron pocos enlaces, ya sea en una nueva pestaña o en una nueva ventana o, a veces, también puede suceder que en algunos sitios web, haga clic en el enlace, por primera vez, se abrirá en un La nueva pestaña y esa pestaña abierta en particular se actualizarán y reutilizarán cada vez que hagamos clic en el enlace. Ambos escenarios pueden ser posibles utilizando el atributo de destino HTML. En este artículo, veremos cómo usar el atributo target=”blank” & target=”_blank” para ¿ Cómo abrir un hipervínculo en otra ventana o pestaña en HTML? . Discutiremos ambos atributos uno por uno. Primero veamos target=”blank”.
1. target=”blank”: si configuramos el destino como “en blanco”, luego de hacer clic en un enlace o después de enviar un formulario, se abrirá una pestaña del navegador por primera vez y se reutilizará en la misma pestaña. El propósito de usar este atributo es mantener la participación del usuario en su sitio web sin mucho esfuerzo para buscar y visitar el enlace externo cada vez en una pestaña separada. También ayuda a que el navegador del usuario sea ligero de usar, ya que demasiadas pestañas abiertas pueden obstaculizar el rendimiento del navegador en general, así como afectar el sistema y también es posible que el navegador se cuelgue.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>target="blank"</title> </head> <body> <!-- It will open a new browser tab for the first time and after that it will reuse that open tab --> <p>Using target="blank"</p> <a href="https://www.geeksforgeeks.org/" target="blank"> Open GFG </a> </body> </html>
Producción:
Usando target=”en blanco”
Del resultado anterior, podemos ver que al hacer clic en el enlace por primera vez, se abrirá en la nueva pestaña y cada vez que hagamos clic en el mismo enlace, se redirigirá a esa pestaña abierta en particular.
2. target=”_blank”: si establecemos el destino como “_blank”, luego de hacer clic en un enlace o después de enviar un formulario, se abrirá una nueva pestaña del navegador cada vez. El propósito de usar este atributo es mantener a los usuarios interesados en su sitio durante mucho tiempo, lo que mejorará la mayoría de sus métricas: tasa de rebote, conversión, páginas visitadas, etc.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>target="_blank"</title> </head> <body> <!-- It will open a new browser tab every time --> <p>Using target="_blank"</p> <a href="https://www.geeksforgeeks.org/" target="_blank"> Open GFG </a> </body> </html>
Producción:
Usando destino = «_blank»
Del resultado anterior, podemos ver que cada vez que se hace clic en el enlace, se dirige a la nueva pestaña para cada clic.
Diferencias entre target=”blank” y target=”_blank”.
objetivo = «en blanco» |
destino = «_en blanco» |
|
|---|---|---|
| 1. |
Para abrir el enlace externo en una pestaña separada por primera vez y seguir reutilizando la misma pestaña cada vez que se haga clic en el enlace. |
Para abrir el enlace externo en la pestaña o ventana separada. |
| 2. |
Abre una nueva pestaña del navegador por primera vez y luego se reutilizará. Por esta razón, el navegador puede funcionar de manera eficiente. |
Abre una nueva pestaña del navegador cada vez. Esto puede afectar el rendimiento general del navegador y afectar también al sistema. |
Publicación traducida automáticamente
Artículo escrito por gopikumarkaushik9065 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA