Você sabe a diferença entre um caminho absoluto e um relativo? Nenhum aspecto do web design é mais centrado na web do que os hiperlinks.
Criar um link em uma página para ajudar os visitantes a acessar facilmente outro conteúdo é uma das características definidoras que diferenciam os sites de outros meios de comunicação, como jornais e rádio.
Esses links são fáceis de adicionar a uma página, mas alguns designers ficam confusos sobre a implementação ideal porque existem duas maneiras padrão de criar links e dois tipos de caminhos que você pode usar – caminhos absolutos e relativos.
URLs de caminho absoluto
Caminhos absolutos usam URLs que se referem a um local específico e totalmente identificado na Internet. Esses caminhos incluem um nome de domínio como parte do próprio caminho do link.
Use um caminho absoluto para apontar para elementos da web que estão em um domínio diferente do seu.
Por exemplo, para criar um link para uma página em um site diferente, você deve incluir o URL completo.
Esse link simplesmente adicionaria o elemento dentro da página com a URL usada como o valor do atributo href para esse link.
Você também está livre para usar URLs de caminho absoluto em seu próprio domínio, com a ressalva de que, se você mover entre subdomínios ou entre diretórios em seu próprio servidor, os caminhos absolutos podem ser interrompidos.
Para evitar esse problema, os caminhos de arquivo para quaisquer recursos locais devem usar caminhos relativos.
URL relativo
Os caminhos relativos mudam dependendo da página em que os links estão – eles são relativos à página em que são um (daí o nome).
Se você criar um link para uma página em seu próprio site ou uma imagem dentro de um diretório de imagens nesse site, um caminho relativo é o que você provavelmente usará.
Os caminhos relativos não usam o URL completo de uma página.
Existem várias regras para criar um link usando o caminho relativo:
- Links no mesmo diretório da página atual não têm informações de caminho listadas:
nome do arquivo - Os subdiretórios são listados sem nenhuma barra anterior:
semanal /nome do arquivo - Os links de um diretório são listados como:
../nome do arquivo
Se você tiver um link externo, usará um caminho absoluto que inclui o caminho completo para tudo o que deseja conectar.
Se você estiver vinculado a um arquivo no domínio no qual reside a página que você está codificando, use um caminho relativo que essencialmente navegue da página em que você está, através da estrutura de arquivos do site e, finalmente, para o recurso de que precisa.