절대경로 | 상대경로 |
절대적인 주소, 변하지 않는 주소를 경로로 지정 | 하나의 파일이 있는 위치에서 다른 파일이 위치한 주소를 경로로 지정 |
정적인 문자열을 통해 특정 컴퓨터의 파일 위치를 정확히 알려준다. | 반드시 비교대상이 있어야한다. |
/home/usr/ubuntu/workspace/ mypage/env/static/background.jpg (절대 경로) |
../static/background.jpg(상대경로) |
<a href="https://curiousweek.tistory.com/"> | <img src = ../images/true.png"> <img src = ${pageContext.request.contextPath}/images/true.png"> <script src="<c:url value="/resources/js/com.js"/>" /> |
파일의 위치를 고유경로로 알고 있어서 분실 가능성이 낮다. | 파일의 위치를 잊어버렸을 시 고유 경로를 알지 못하므로 소스 분실 가능성이 높다. |
최상위 폴더부터 경로를 찾기 때문에 컴파일속도가 오래걸림 | 기준으로 설정되어있는 폴더를 탐색하면 되므로 컴파일 속도가 빠르다. |
컴퓨터 상의 디렉토리 에서는 C:\를 항상 포함하며, URL에서는 항상 http://로 시작. |
/ : 루트 C/users 같은 기본 루트를 의미(최 상위 루트) ./ : 현재 위치 ./은 현재 위치의 폴더를 의미(현재 디렉터리) ../ : 현재 위치의 상단 폴더 ../은 상단폴더를 의미(상위 디렉터리) |
어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다. (= 외부 파일) |
이동할 페이지가 같은 폴더에 위치한 경우 이동할 페이지가 현재 폴더의 하위 폴더에 위치한 경우 (= 내부 파일) |
어디서나 파일을 찾을 수 있다. | 어디서나 파일을 찾을 수 없다. |
'HTML, CSS > HTML' 카테고리의 다른 글
HTML 특수문자(entity) 코드 (0) | 2025.03.05 |
---|---|
HTML 태그 종류 (3) | 2024.12.13 |
HTML 메타(Meta)태그 (0) | 2024.12.13 |
특이한 HTML 태그 (details-summary, dialog, sub, sup, input[type], progress, meter) (0) | 2024.12.12 |