O que é um link relativo?

A referência relativa indica a localização do recurso em relação ao documento atual.

Tipos de referências relativas:

• Referência no diretório atual: Indica um arquivo no mesmo diretório que o documento atual.

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

• Referência a um subdiretório: Indica um arquivo em um subdiretório.

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

• Referência ao diretório pai: Indica um arquivo no diretório um nível acima do atual. ../ é usado para subir um nível.

  <a href="../index.html">Início</a>
  

• Referência a vários níveis acima: ../../ e assim por diante.

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

• Referência à raiz do site: Usa / no início, o que indica o diretório raiz do site.

  <a href="/about.html">Sobre nós</a>
  

Vantagens do uso:

• Facilitam a migração do site, pois não dependem do nome do domínio.
• URLs mais curtas e legíveis.

Desvantagens:

• Podem ser incorretas se a estrutura dos diretórios for alterada.