¿Qué es un enlace relativo?

La referencia relativa indica la ubicación del recurso en relación con el documento actual.

Tipos de referencias relativas:

• Referencia en el directorio actual: Indica un archivo en el mismo directorio que el documento actual.

  <a href="page.html">Ir a la página</a>
  

• Referencia a un subdirectorio: Indica un archivo en un subdirectorio.

  <a href="images/image.png">Ver imagen</a>
  

• Referencia al directorio padre: Indica un archivo en el directorio un nivel arriba del actual. ../ se usa para subir un nivel.

  <a href="../index.html">Inicio</a>
  

• Referencia a varios niveles arriba: ../../ y así sucesivamente.

  <a href="../../styles/style.css">Incluir estilos</a>
  

• Referencia a la raíz del sitio: Usa / al principio, lo que indica el directorio raíz del sitio web.

  <a href="/about.html">Sobre nosotros</a>
  

Ventajas de su uso:

• Facilitan la migración del sitio, ya que no dependen del nombre de dominio.
• URLs más cortas y legibles.

Desventajas:

• Pueden ser incorrectas si se cambia la estructura de directorios.