(HTML) img src 엑박이 나오는 이유

HTML의 태그중 img src 에 대해서 공부할때 똑같이 연습하더라도 엑박이 나오는 경우가 있습니다. 올바른 경로에 파일이 저장되어 있지만 문제가 생기는 이유에 대해서 알아보도록 하겠습니다.

|img src 엑박의 이유

올바르게 썼다고 생각하는데 이미지가 나타나지 않고 엑박으로 나타나는 이유는 아래와 같습니다.

1. 파일의 대소문자를 틀린경우

2. 파일의 경로가 잘못된 경우

3. 코드를 저장하지 않은 경우 

위와 같은 이유가 있습니다. 본인이 이 모든것에 해당하지 않는데 엑박이 나오는 경우 습관적인 실수를 한 것입니다.

소스가 있는 폴더 안에 images 폴더를 만들고 그안에 test.jpg를 넣은 상황을 가정해보겠습니다.

/images/test.jpg
images/test.jpg

위 두가지의 코드의 차이점을 아시겠나요? 습관적으로 /로 시작하게 되면 이전디렉토리로 이동한 후 파일을 찾기 때문에 원본소스폴더안의 images 폴더를 찾는것이 아닌 원본소스폴더 상위 디렉토리에서 images폴더를 찾게되는 것입니다.

따라서 절대경로방식으로 쓸때 올바른 경로를 써야합니다. 위와같이 images/test.jpg 로 쓰거나 c:/images/test.jpg 와 같이 전체주소를 적어주어야 올바르게 출력이 되게 됩니다.

---

출처/참고

---

광고