> 집은 그대로인데 출발지가 바뀌어 길을 잃었다.

경로는 현재 위치와 찾으려는 파일 사이의 관계를 나타내는 표현이다. 웹에서는 [[HTML 문서]]가 다른 문서나 이미지나 CSS 파일을 찾을 때 경로를 사용한다. 같은 폴더에 있는 파일은 [[파일명]]으로 가리킬 수 있고 하위 폴더에 있는 파일은 폴더명을 함께 적는다. 상대 경로는 출발점의 위치에 따라 해석되므로 문서를 다른 폴더로 옮기면 가리키는 대상도 달라질 수 있다. 도메인 등을 포함해 전체 주소를 적는 절대 [[URL]]과 달리 상대 경로는 문서들 사이의 위치 관계를 드러낸다.

부모 폴더로 한 단계 올라갈 때는 `../`를 사용하고 현재 폴더는 `./`로 표시할 수 있다. 슬래시로 시작하는 경로는 지금 파일의 폴더가 아니라 해당 웹사이트의 루트를 기준으로 해석된다. 상대 경로로 연결된 파일들을 같은 폴더 구조로 옮기면 내부의 관계를 유지하기 쉽다. 하이퍼링크가 열리지 않을 때는 현재 문서와 목적 파일이 각각 어디에 있는지부터 확인한다. 파일명과 대소문자와 확장자를 비교하고 필요하면 폴더의 [[트리 구조]]를 그려 이동 순서를 짚어볼 수 있다.

#개념 #웹 #HTML