Mientras desarrollan cualquier sitio web, los desarrolladores deben considerar los diseños para que sea fácil de entender. Por lo tanto, los usuarios pueden buscar fácilmente información utilizando cualquier dispositivo. Algunos de los factores fáciles de usar son tiempos de carga rápidos, estructura clara, contenido bien formateado y una navegación eficiente es una de ellas.

Más específicamente, los enlaces externos que se abren en nuevas pestañas son ideales para el desarrollo web porque alientan a los visitantes a permanecer en su sitio web por mucho tiempo. Esto también evita que los usuarios haga clic en el botón de retroceso repetidamente.

Este artículo ilustrará:

• Cómo abrir un enlace en HTML?
• ¿Qué es un atributo objetivo??
• Cómo iniciar un enlace en una nueva pestaña?

Cómo abrir un enlace en HTML?

El "El elemento en HTML se utiliza para incrustar el hipervínculo de otra página HTML. El "href"El atributo es la parte más notable de una etiqueta HTML" ". La URL de origen se define utilizando el atributo "href".

Ejemplo
Consulte el ejemplo a continuación donde crearemos una página HTML que contenga texto asociado con un enlace.

• Primero, agregue "

  " y "

  "Elementos que agregarán un encabezado y un párrafo a la página web.

• El "

  "Element tiene un HTML""Elemento con el"href" atributo.

Aquí está el código HTML:

Linuxhint

Revisar la Sitio web de Linuxhint para aprender habilidades tecnológicas en demanda.

Guarde el código y abra el archivo en el navegador:

La salida proporcionada anteriormente muestra que el enlace adjunto abre la página de destino en la misma pestaña.

¿Qué es un atributo de "objetivo"??

El "objetivo"El atributo significa dónde se debe abrir el documento vinculado.

Sintaxis

Nombre de enlace

A continuación se muestra la explicación de la sintaxis declarada anteriormente:

• El "hrefEl atributo se utiliza para mantener la URL del documento.
• El "rey"El atributo determina cómo están relacionados el archivo HTML y el archivo vinculado.
• El "objetivoEl atributo se utiliza para indicar el destino donde se abrirá el enlace.

Cómo iniciar un enlace en una nueva pestaña?

El html ""Etiqueta con el atributo"objetivo"Describe si un enlace debe iniciarse en otra pestaña. Se requiere este atributo para asignar un valor "_blanco". Además, el atributo "Noopener noreferrer"Se agrega por razones de seguridad:

Revisar la Sitio web de Linuxhint para aprender habilidades tecnológicas en demanda.

Hemos agregado estos dos atributos a la etiqueta HTML "":

• El "objetivo"Atributo se le asigna un"_blanco" valor.
• El "rey"El atributo se ajusta con el"Noopener noreferrer"Valor por razones de seguridad.

Aquí, puede ver que hemos abierto con éxito el enlace en una nueva pestaña:

Hemos ilustrado cómo abrir el enlace en una nueva pestaña en HTML.

Conclusión

En HTML, el "objetivo"El atributo se establece en el""Etiqueta para hacer un lanzamiento de enlace en una nueva pestaña. A este atributo se le asigna un "_blanco" valor. Además, el "rey"El atributo se implementa con un valor"Noopener noreferrer"Para hacer que el enlace sea seguro y protegido. Este blog ha ilustrado el método para activar un enlace en otra pestaña.