Nenhum aspecto do design da web é mais centrado na web do que os hiperlinks (comumente referido simplesmente como ligações ). A capacidade de criar um link em uma página e permitir que os leitores acessem facilmente outro conteúdo é um dos traços definidores que diferencia os sites de outros meios de comunicação, como mídia impressa ou de transmissão.
Esses links são fáceis de adicionar a uma página e podem ser para outras páginas da Web, seja em seu site ou em outro lugar na Web. Você também pode ter links para outros recursos, como imagens, vídeos ou documentos. Ainda assim, tão fácil quanto links são adicionados, eles também são um dos itens que muitos novos web designers tentam entender no início, especialmente em termos do conceito de caminhos de arquivos e o significado de um caminho absoluto em relação a um caminho relativo, bem como quando um é usado em vez do outro.
Em cada uma das instâncias de links descritas acima, é necessário considerar como você se conectará a essas várias páginas ou recursos do seu site. Especificamente, você precisa decidir que tipo de caminho de URL você irá escrever. No web design, existem duas maneiras padrão de criar links e dois tipos de caminhos que você pode usar:
- Caminhos absolutos
- Caminhos relativos
URLs de caminho absoluto
Caminhos absolutos usam URLs que se referem a um local muito específico na Internet. Esses caminhos incluirão um nome de domínio como parte do próprio caminho do link. Um exemplo do caminho absoluto para esta página da Web é:
https://www.Go-Travels.com/web-typography-101-3470009
Você normalmente faria um caminho absoluto quando quiser apontar elementos da Web que estejam em um domínio diferente do seu. Por exemplo, se eu quisesse vincular a uma página em um site diferente aqui, precisaria incluir o URL completo desse link, pois estou deixando um domínio (webdesign.Go-Travels.com) para ir para outro. Esse link simplesmente adicionaria o elemento dentro da página ao URL usado como o valor do atributo "href" para esse link.
Portanto, se você estiver vinculando a algo que está "fora do site", precisará usar um caminho absoluto, mas e as páginas ou recursos do seu próprio domínio? Você pode realmente usar caminhos absolutos mesmo se estiver vinculando a páginas em seu próprio site, mas isso não é necessário e, dependendo do seu ambiente de desenvolvimento, caminhos absolutos podem causar problemas.
Por exemplo, se você tiver um ambiente de desenvolvimento que você usa durante a criação de um site e codificar todas as URLs de forma absoluta para esse URL, todas elas precisarão ser alteradas quando o site entrar em operação. Para evitar esse problema, os caminhos de arquivo para quaisquer recursos locais devem usar Caminhos Relativos.
URLs de caminho relativo
Caminhos relativos mudam dependendo da página em que os links estão ligados - eles são relativos à página em que eles são um (daí o nome). Se você estiver criando 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á. Caminhos relativos não usam o URL completo de uma página, ao contrário dos caminhos absolutos que acabamos de ver.
Existem várias regras para criar um link usando o caminho relativo:
- Links no mesmo diretório da página atual não possuem informações de caminho listadas:
nome do arquivo
- Os subdiretórios são listados sem nenhuma barra precedente:
semanal / nome do arquivo
- Links para cima de um diretório são listados como:
../nome do arquivo
Como determinar o caminho relativo
-
Primeiro defina o URL da página que você está editando. No caso do artigo de exemplo listado acima, isso seria
https://www.Go-Travels.com/web-typography-101-3470009
-
/ web-typography-101-3470009
Você verá aqui que escrevemos o caminho relativo iniciando esse caminho com uma barra (/). Esse caractere diz ao navegador para ir para a raiz do diretório atual. A partir daí, você pode adicionar as pastas ou nomes de arquivo necessários para o seu recurso específico, detalhando as pastas e os documentos para finalmente encontrar o recurso exato ao qual gostaria de se vincular.
Então, em resumo - se você está ligado fora do site, você vai usar um caminho absoluto que inclui o caminho completo para o que você deseja se conectar. Se você estiver vinculado a um arquivo no domínio em que reside a página que está codificando, poderá usar um caminho relativo que basicamente navega da página em que está, pela estrutura do arquivo do site e, por fim, até o recurso necessário. .
