절대경로,상대경로 확실히 이해하기
매번 헷갈리는데 이참에 한번 제대로 정리를 해 볼려 합니다.
절대경로명이란 경로의 처음부터 끝까지가 완전히 기술된 경로명을 말한다.
상대경로명은 현재 설정해 놓은 디렉토리로부터 시작하여, 상대적인 경로를 지정한다.
절대경로란...
내가 있는 위치와 상관없이 경로를 찾아갈수있는 표현..
즉 반드시 시작점이 명시적으로 나타나는경로가 절대경로입니다.
따라서
/public_html/www/member/list.asp 는 절대경로입니다.
C:\aaa\aaa 도 절대경로겠지요
그리고
C:\\webroot/public_html\www\member/list.asp 또는
http://xxx.xxx.xxx.xxx/member/list.asp ) 이런것은 절대주소라고 해야겠지요..머 일반적으로는 절대경로라고 해도 대충알아먹기는 하지만요..
그런데 웹문서에 어떤 이미지경로를 표기할때 그자체를 주소로 쓸수도 있고
주소는 현제에서 디폴트로 먹히니까 거기서 상대경로로 줄수 있는거죠..
결국 사용자는 웹상에서는 오직주소로 받아들이게 되죠.. 경로로 받아들일수가 없죠..
절대경로는 파일의 주소를 전부 기술하는 방법입니다.
유닉스 계열의 운영체제라면
/home/someuser/Desktop/blahblah.html
윈도 계열의 운영체제라면
C:\Windows\mspaint.exe
또는 C:/Windows/mspaint.exe를 쓸 수 있습니다. (가장 앞의 드라이브 문자는 꼭 C가 아니어도 됩니다.)
반면에 상대경로는 지금 위치를 기준으로 경로를 설명합니다.
위에서 예를 든 유닉스 계열의 운영체제에서 blahblah.html에서, 같은 Desktop 디렉토리의 someimage.jpg를 접근한다고 할 때 상대경로는 someimage.jpg입니다.
/home/someuser/Desktop/images/subimage.jpg 를 접근하려고 할 경우,
상대경로는 images/subimage.jpg 이고
/home/someuser/Desktop/supimage.jpg를 접근하려고 할 경우,
상대경로는 ../supimage.jpg 입니다.
절대경로
절대경로란 , 연결하려는 파일의 위치를 처음부터 모두 표현해주는 것을 말한다.
절대경로를 사용하는 방법에도 두가지가 있는데, 첫번째가 도메인의 주소로부터 시작되는 절대주소.
<img src="./http://www.ceezn.com/main/images/logo.gif>
두번째는 웹서버의 루트 폴더부터 표한하는 방법입니다.
<img src="/main/images/logo.gif"> 의 경우를 보면 파일 주소를 적는 가장 앞부분에 "/" 를 넣어
주고 있습니다. 이는 웹 서버의 루트 폴더를 말하는 것으로 그곳에서 시작한 경로를 정의해 줍니다.
이런 방법을 사용하면, 이 소스가 실행되는 파일이 루트 폴더 아래 어떤 폴더에 있다고 하더라도
파일을 찾아갈 수 있습니다. 삽입 파일을 사용하는 경우에 삽입 파일이 어떤 파일에 삽입될지
알 수 없기 때문에 이 방법을 많이 사용합니다.
상대경로
상대경로란 위치해 있는 상대적인 위치를 표현하여 연결시켜 주는 방법을 말합니다.
만일 logo.gif 라는 파일은 /main/imges 라는 폴더에 들어 있으며, 이를 불러들여야 하는 파일은
/board 라는 폴더에 있다고 가정합니다.
그렇다면, 상대적인 경로로 이 파일을 찾아겨려면 board라는 폴더에서 하나 상위 폴더인 /폴더로
이동한 후 다시 main 폴더로, 그리고 images 폴더로 이동을 해야 할 것입니다.
우선 상위 폴더로 이동하는 방법은 '..'을 사용하고, 하위 폴더로 이동하는 방법은 그 폴더의 이름을
적어 둡니다.
<img src="../main/images/logo.gif">처럼 상대 경로를 써서 연경을 시켜주게 됩니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌