URL / 절대경로 / 상대경로란 ?

절대경로와 상대경로는 홈페이지를 만들면서 꼭 알아야만 하는 것입니다.


1. URL

URL경로란 도메인이나 IP를 기반으로 한 웹 문서의 경로를 의미합니다.
http://로 시작되는 경로들은 URL경로라고 합니다.
어느 페이지에서나 링크가 깨지지 않는 장점이 있지만,
만약 홈페이지의 주소가 변경된다면 일일히 수정해 주어야 한다는 단점이 있습니다.
어떤곳에서도 아래 주소를 입력하면........
<a href="http://oxtag.com>카멜롯™의 태그피아</a> 클릭했을때 이동되는 곳은 제 홈으로 이동됩니다.
URL경로가 많이 사용되는 곳은 링크 페이지와 같이 타 홈페이지를 링크하는 곳에 많이 사용됩니다.


2. 절대경로

절대 경로란 서버 또는 컴퓨터상의 절대적인 물리적 경로를 의미합니다.
CGI나 PHP에서 파일을 다루는 경우에 자주 사용되고, html문서에도 물론 만이 사용합니다.
절대경로를 써주었을 경우는 서버가 변경되는 경우 일일히 수정해 주어야 합니다. 머리아픈 작업이죠...-_-;;
즉 자신의 컴퓨터에서의 절대 경로는 『C:\Documents and Settings\All Users\바탕 화면』와 같이 되며,
서버상에서의 절대경로는 /home/tagpia/html/img/angel.gif 와 같이 됩니다.
서버상의 절대 경로는 각 서버마다 틀릴수 있으며 서버관리자에게 문의 하시면 된답니다. ^-----------^


3, 상대경로

상대경로는 웹상에서 가장 많이 쓰이는 경로입니다.
상대경로란 현제 실행되는 문서의 위치를 기준으로 한 디렉토리의 경로를 의미합니다.
서버가 바뀐 경우 디렉토리 구조만 지키면 일일히 경로를 수정하지 않아도 된다는 장점이 있습니다.
한달전에 컴내꺼에서 인트로로 태그피아가 홈 이전을했죠. 일반 html 문서에 상대경로가 아닌 파일경로를
링크시 http://oxtag.com.ne.kr/img/angel.gif 이런식으로 모든 링크 경로를 모두 썼다면 홈 이전하는게
결코 쉬운일이 아닙니다. 한두개의 문서라면 조금만 시간을 투자하면 되지만 저 같은 경우는 종일 해야만 한다는...
그래서 계정내의 모든 문서를 작성할때는 그 문서를 기준으로 디렉토리 경로를 설정해서 링크하는 것입니다.

ex1) 실행할 문서와 이미지가 같은 디렉토리(폴더)에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 같은 디렉토리에 있을경우.
<img src="sample.jpg">와 같이 바로 파일명만 불러오거나. <img src="./sample.jpg">와 같이 ./를 붙여 불러오면 됩니다.
문서도 마찬가지구요.

ex2) 실행할 문서를 기준으로 이미지 파일이 한단계 상위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 한단계 상위 디렉토리에 있을경우.
<img src="../sample.jpg">이나 <img src="./../sample.jpg"> 같이 ./../와 ../를 붙여 불러오면 됩니다.

ex3) 실행할 문서를 기준으로 이미지 파일이 두단계 상위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 두단계 상위 디렉토리에 있을경우.
<img src="../../sample.jpg">나 <img src="./../../sample.jpg"> 같이 ./../../와 ../../를 붙여 불러오면 됩니다.

ex4) 실행할 문서를 기준으로 이미지 파일이 한단계 하위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 한단계 하위 디렉토리에 있을경우.
<img src="디렉토리명(폴더명)/sample.jpg">나 <img src="./디렉토리명(폴더명)/sample.jpg"> 같이 하위 디렉토리 이름만 붙여
불러오거나 ./를 넣어서 불러오면 됩니다.

ex5) 실행할 문서를 기준으로 이미지 파일이 두단계 하위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 두단계 하위 디렉토리에 있을경우.
<img src="디렉토리명/디렉토리명/sample.jpg">나 <img src="./디렉토리명/디렉토리명/sample.jpg"> 같이 하위 디렉토리 이름/하위 디렉토리 이름을
붙여 불러오면 됩니다.

즉 현제 실행할 파일을 기준으로 사용할 파일이 있는 위치가 하위 디렉토리일 경우 하위 디렉토리 경로만 써 넣으면 되며.
상위 디렉토리일 경우 ../는 한단계 상위디렉토리를 나타냅니다.
만약 한단계 상위 디렉토리에서 그 아래 하위 디렉토리일 경우 ../하위 디렉토리명 과 같은 식으로 작성하시면 됩니다.