1
resposta

Buscando arquivos em pastas

Boa noite! Uma dúvida, ao buscar arquivo em pasta é utilizado apenas um ponto ou dois pontos? ex: o correto seria < img src="./assets/LogoGithub.png" alt="GitHub" > ou < img src="../assets/LogoGithub.png" alt="GitHub" >?

1 resposta

quando vc usa .. antes do diretoria você esta voltando a pasta anterior.

Exemplo eu tenho o diretora seguir

Projeto
┟assets
│  ┟imagem.png
│  ┟github.svg
│  └instagram.svg
┟index.html
└style.css

seguindo o diretora seguir, por exemplo <img src="../assets/imagem.png" alt="Imagem Aleatória"/> o código vai retornar Imagem Aleatória pois esta iniciado com .. ai HTML está tentando voltar mais pagina que ele pode e que existe. Mais agora se vc tiver numa pagina diferente como exemplo a seguir:

Projeto
    ┟Pages
    │  ┟page.html
    └assets
       ┟imagem.png
       ┟github.svg
       └instagram.svg

Agora vamos supor que por algum motivo vc colocou o arquivo HTML numa pasta diferente das imagens(isso é um exemplo não é maneira correta) vc não poderia só usar <img src="./assets/github.svg" alt="Icon do git hub"/> vai retorna Icon do GitHub pois não encontrou o arquivo, a maneiro de procurar é utilizando os 2 pontos para voltar a página <img src="../assets/github.svg" alt="Icon do GitHub">, acho que consegui explicar com clareza qualquer coisa tem uma pagina só dedica a diretório de arquivos da Alura, sou apenas um aluno então ele explica é mais fácil

Link da pagina - Caminhos: entenda as diferenças entre absolutos e relativos