Enlace

Un enlace abreviatura de (hipervínculo) es un objeto HTML que permite saltar a una nueva ubicación cuando se hace clic o se pulsa sobre él. Los enlaces se encuentran en casi todas las páginas web y ofrecen una forma sencilla de navegar entre páginas en la web.

Los enlaces pueden estar asociados a texto, imágenes u otros elementos HTML. La mayoría de los enlaces de texto son azules, ya que ese es el color estándar que usan los navegadores web para mostrar los enlaces. Sin embargo, los enlaces pueden ser de cualquier color, ya que el estilo del texto del enlace se puede personalizar mediante HTML o estilos CSS. En los primeros días de la web, los enlaces aparecían subrayados de forma predeterminada. Hoy en día, es menos común subrayar los enlaces.

Cuando se aplica un enlace a una imagen, la etiqueta del enlace encapsula o rodea la etiqueta de la imagen. Como la etiqueta de la imagen está anidada dentro de la etiqueta del enlace, la imagen se convierte en un enlace. Este método se puede usar para aplicar enlaces a otros elementos, como objetos <div> y <span>. Sin embargo, como se puede usar CSS para dar estilo a un enlace, a menudo se usa una etiqueta <a> con un atributo de clase o ID de CSS en lugar de una etiqueta <div> o <span>.

A continuación se muestra un ejemplo del código HTML de un enlace de texto y de imagen:

Enlace de texto: <a href="/definition/computer">Computer Definition</a>

Enlace de imagen: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

Enlaces relativos y absolutos

El primer enlace anterior es un «enlace relativo» porque no incluye el nombre de dominio. En su lugar, el enlace es relativo al sitio web actual. Por ejemplo, ningún enlace interno de TechTerms.com necesita incluir «https://techterms.com/» en el código fuente. En cambio, basta con un enlace relativo como «/definition/computer». Como el enlace comienza con una barra diagonal, el ruta comienza con el directorio raíz. Si un enlace relativo no comienza con una barra diagonal, la ruta es relativa a la URL actual.

El segundo enlace anterior es un enlace absoluto porque incluye el nombre de dominio. Los enlaces absolutos son necesarios para los enlaces externos, que dirigen a otro sitio web. Pueden comenzar con «http» o «https». Los enlaces absolutos también pueden comenzar con dos barras diagonales («//»). Esto se interpreta como «http://» en las páginas servidas mediante HTTP y como «https://» en las páginas servidas mediante HTTPS.

NOTE: La «a» de la etiqueta <a> significa «anchor» (ancla), ya que los primeros documentos de hipertexto a menudo enlazaban a anclas (o marcadores) dentro de una página en lugar de a otras páginas. «href» dentro de una etiqueta <a> significa «hypertext reference» (referencia de hipertexto).