HTML Enlaces

Los Enlaces (Links) en HTML

En el ecosistema del desarrollo web, los enlaces son los elementos fundamentales que permiten la navegación. En HTML, se utilizan para conectar páginas entre sí, dirigir a los usuarios a recursos externos o navegar dentro de un mismo documento.

1. El elemento <a> (Anchor)

Para crear un enlace, se utiliza la etiqueta <a>. Este elemento requiere obligatoriamente el atributo href (Hypertext Reference), que indica la dirección de destino.

Sintaxis básica:

<a href="https://www.google.com">Ir a Google</a>

En este ejemplo, "Ir a Google" actúa como el texto del ancla, que es la parte visible y clicable para el usuario.

                                     Illustration by Round Icons on Unsplash
 

2. Clasificación de los enlaces

• Enlaces Absolutos: Contienen la dirección URL completa, incluyendo el protocolo (como https://). Se emplean para dirigir al usuario hacia sitios web externos.
• Enlaces Relativos: Dirigen a archivos o páginas dentro del mismo sitio web. Se basan en la estructura de carpetas del proyecto (por ejemplo, href="contacto.html" o href="/assets/imagen.png").
• Identificadores de fragmento: Permiten al usuario saltar a una sección específica dentro de la misma página. Esto se logra mediante el atributo id en el elemento de destino y el símbolo # en el enlace.
  • Ejemplo: <a href="#seccion-final">Ir al final</a> dirigirá al usuario hacia <div id="seccion-final">...</div>.
• Protocolos especiales: El protocolo mailto: permite abrir el cliente de correo electrónico, mientras que tel: permite iniciar una llamada telefónica.

Atributos relevantes para el control

• target: Determina cómo se abrirá el enlace. El valor _blank es el más común cuando se desea que el contenido se abra en una nueva pestaña del navegador.