[HTML] 절대경로와 상대경로
출처 : http://www.cmsfactory.net/html-tutorial-path
HTML | 절대경로와 상대경로
하 이퍼링크를 만들거나 이미지를 삽입하기 위해서는 절대경로와 상대경로라는 것을 알아야 합니다. 경로는 대상이 되는 문서 또는 이미지로 가는 길을 얘기하는 것으로, 절대경로는 경로 전체를, 상대경로는 현재 문서 위치를 시작으로 했을 때의 경로를 말합니다.
예를 들어 다음과 같이 디렉토리와 파일이 구성되었다고 합시다.
www/index.html
www/dir1/a.html
www/dir1/b.html
www/dir1/dir2/c.html
도메인은 http://www.cmsfactory.net이고, index.html을 불러오려면
http://www.cmsfactory.net/index.html
로 접속하면 된다고 가정합니다.
각 파일의 절대경로는 다음과 같습니다.
http://www.cmsfactory.net/dir1/a.html
http://www.cmsfactory.net/dir1/b.html
http://www.cmsfactory.net/dir1/dir2/c.html
상대경로는 현재 문서의 위치에 따라 달라지는데, 기본적인 원칙은 다음과 같습니다.
- / : 최상위 디렉토리
- ./ 또는 표시 없음 : 현재 디렉토리
- ../ : 상위 디렉토리
예를 들어 index.html에서 a.html로의 상대경로는 다음과 같습니다.
./dir1/a.html or dir1/a.html
a.html에서 같은 디렉토리 내에 있는 b.html로의 상대경로는 다음과 같습니다.
./b.html or b.html
c.html에서 한단계 상위 디렉토리에 있는 a.html로의 상대경로는 다음과 같습니다.
../a.html
c.html에서 두단계 상위 디렉토리에 있는 index.html로의 상대경로는 다음과 같습니다.
../../index.html
하이퍼링크를 만들 때는 문서 등 링크 대상의 경로, 이미지를 삽입할 때는 이미지의 경로를 넣어야 하는데, 절대경로와 상대경로 중 선택하여 넣으면 됩니다. 만약 한 사이트 내의 문서 또는 이미지로의 경로라면 절대경로보다는 상대경로가 좋습니다. 그래야 사이트의 주소가 바뀌거나 다른 서버로 이전했을 때 문제가 발생하지 않습니다.