Como calcular o caminho relativo

Em URLs incorporados em documentos HTML, existem duas maneiras de especificar a localização de um diretório ou arquivo. Isso é chamado de "caminho." Um caminho absoluto identifica a localização de um arquivo em relação a todo o sistema de arquivos. Um caminho relativo identifica sua localização em relação a um documento de partida, tal como uma página da web.

Identificar o caminho absoluto do recurso que deseja incluir em seu documento. Por exemplo, se você quiser inserir uma imagem em sua página da web, o seu caminho absoluto pode ser "/images/photo.jpg". o "/" no início dos meios de caminho absolutos "começam na pasta raiz utilizado pelo servidor web" quando se olha para o arquivo.
Determine onde você irá armazenar o documento HTML que você está escrevendo. Por exemplo, se você estiver escrevendo a página inicial de um site, é normalmente armazenado na pasta raiz, de modo que o caminho absoluto para a sua página é "/index.html".
Localize o arquivo que você está ligando que é relativo à localização do documento que você está escrevendo. Para exmaple, "/index.html" está na pasta raiz, portanto, a localização relativa do gráfico é "images / foto.jpg". Note-se a ausência do líder "/" personagem.
Usar ".." notação para atravessar diretórios. Se você estiver escrevendo um documento armazenado em uma subpasta, cada ".." em uma URL irá subir um diretório. Por exemplo: você está escrevendo o arquivo "/members_only/index.html" ea necessidade de alcançar o caminho absoluto "/images/photo.jpg". Sua URL deve subir um diretório para alcançar o diretório de imagens, em relação à localização do documento. Portanto, o caminho relativo seria "../images/photo.jpg". Você pode repetir ".." quantas vezes forem necessárias para subpastas muito aninhadas: "../../../images/photo.jpg".

dicas & avisos

URLs relativos são importantes para o site reorganização. Os caminhos relativos ajudar a preservar links nas páginas quando os arquivos e diretórios são movidos para um novo local. Um link absoluto para um arquivo de quebra quando o arquivo é movido.

De esta maneira? Compartilhar em redes sociais: