Caminhos de arquivo HTML
Um caminho de arquivo descreve a localização de um arquivo na estrutura de pastas de um site.
Exemplos de caminho de arquivo
Caminho | Descrição |
---|---|
<img src="picture.jpg"> | O arquivo "picture.jpg" está localizado na mesma pasta da página atual |
<img src="images/picture.jpg"> | O arquivo "picture.jpg" está localizado na pasta de imagens na pasta atual |
<img src="/images/picture.jpg"> | O arquivo "picture.jpg" está localizado na pasta de imagens na raiz da web atual |
<img src="../picture.jpg"> | O arquivo "picture.jpg" está localizado na pasta um nível acima da pasta atual |
Caminhos de arquivo HTML
Um caminho de arquivo descreve a localização de um arquivo na estrutura de pastas de um site.
Os caminhos de arquivo são usados ao vincular a arquivos externos, como:
- paginas web
- Imagens
- Folhas de estilo
- JavaScript
Caminhos de arquivo absolutos
Um caminho de arquivo absoluto é o URL completo para um arquivo:
Exemplo
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
A tag <img> é explicada no capítulo: Imagens HTML .
Caminhos de arquivo relativos
Um caminho de arquivo relativo aponta para um arquivo relativo à página atual.
No exemplo a seguir, o caminho do arquivo aponta para um arquivo na pasta de imagens localizada na raiz da web atual:
Exemplo
<img src="/images/picture.jpg"
alt="Mountain">
No exemplo a seguir, o caminho do arquivo aponta para um arquivo na pasta de imagens localizada na pasta atual:
Exemplo
<img src="images/picture.jpg"
alt="Mountain">
No exemplo a seguir, o caminho do arquivo aponta para um arquivo na pasta de imagens localizada na pasta um nível acima da pasta atual:
Exemplo
<img src="../images/picture.jpg"
alt="Mountain">
Melhor prática
É uma prática recomendada usar caminhos de arquivo relativos (se possível).
Ao usar caminhos de arquivo relativos, suas páginas da web não serão vinculadas ao seu URL base atual. Todos os links funcionarão em seu próprio computador (localhost), bem como em seu domínio público atual e em seus domínios públicos futuros.