Tutorial - Comandos de Diretórios
Dicas fundamentais sobre como funcionam os caminhos relativos ao manipular arquivos HTML, CSS e JS.
O que significam os símbolos de caminhos (.., ., /)?
Quando desenvolvemos páginas web e inserimos arquivos CSS, JS ou imagens, precisamos guiar o navegador até os diretórios certos usando símbolos universais de caminhos relativos:
• ../ : Volta um diretório na árvore de pastas. Se você está na pasta /pages e quer acessar algo na raiz, use ../arquivo.css.
• ./ : Refere-se à pasta atual. Utilizado para buscar arquivos na mesma pasta em que o script está rodando.
• / : Refere-se à raiz do servidor web ou do projeto.
• ../../ : Volta dois diretórios de uma vez.
Dominar essa lógica de árvore de arquivos evita que imagens quebrem ou folhas de estilo não sejam carregadas no seu site!