HTML: Hipervínculos o enlaces
En HTML, un hipervínculo o enlace es un elemento que permite a los usuarios navegar de una página web a otra o de una sección de una página a otra. Los hipervínculos son fundamentales para la navegación web y se definen usando la etiqueta <a> (de "anchor", en inglés).
Los Atributos Comunes de los Hipervínculos son:
href: Especifica la URL o el identificador de ancla al que el enlace apunta.
target: Define dónde se abrirá el enlace. Por ejemplo, target="_blank" abre el enlace en una nueva pestaña o ventana.
rel: Describe la relación entre el documento actual y el enlace. Es común usar rel="noopener noreferrer" junto con target="_blank" por razones de seguridad.
<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">Enlace seguro</a>
Tipos de Hipervínculos en HTML
Enlaces Absolutos: Estos enlaces especifican la URL completa del recurso al que se quiere enlazar. Son usados para enlazar a recursos externos o diferentes dominios.
<a href="https://www.google.com">Ir a Google</a>Enlaces a Secciones Internas: Permiten a los usuarios saltar a una sección específica dentro de la misma página HTML. Utilizan un identificador (id) del elemento al que se quiere enlazar.
<a href="#seccion2">Ir a la Sección 2</a>
<!-- Más abajo en el mismo documento -->
<h2 id="seccion2">Sección 2</h2>Enlaces Relativos: Estos enlaces apuntan a un recurso dentro del mismo dominio o servidor, usando una ruta relativa en lugar de una URL completa.
<a href="/contacto.html">Ir a la página de Contacto</a>Enlaces de Correo Electrónico: Abren el cliente de correo electrónico predeterminado del usuario para enviar un correo a la dirección especificada.
<a href="mailto:example@example.com">Enviar un correo</a>Enlaces Telefónicos: Permiten a los usuarios hacer una llamada telefónica desde un dispositivo móvil o desde aplicaciones de escritorio configuradas.
<a href="tel:+1234567890">Llamar al 123-456-7890</a>