본문 바로가기
Web/HTML+CSS

[HTML] 절대 주소와 상대 주소

by 백곰IT 2020. 6. 29.
728x90

상대 주소는 작성중인 파일을 기준으로 하면 상대 주소
절대 주소는 지정하는 파일의 전체 경로를 기준으로 하면 절대 주소

 


절대주소 
'C://'로 시작하는 파일의 전체 경로를 뜻합니다.

ex)

<img src="C://img1/testImg1.png"/>  <!--경로를 지정할 파일의 전체경로 지정-->
<img src="C://img2/testImg2.png"/>  <!--경로를 지정할 파일의 전체경로 지정-->


장점 : 작성중인 파일의 위치가 바뀌어도 영향을 받지 않습니다.
단점 : 주소를 전체로 써야되기 때문에 불편합니다.

 

 

또한 절대소는 'http://' 부터 시작하는 URL 전체 주소로도 사용 가능합니다.

<img src="http://test.com/testImg.png"/> <!--경로를 지정할 파일의 주소 지정-->

 

상대주소

ex)

<img src="testImg1.png"/> <!--경로를 지정할 파일이 같은 폴더에 존재하는 경우-->
<img src="img1/testImg1.png"/> <!--경로를 지정할 파일이 img1 폴더에 존재하는 경우-->
<img src="../img2/testImg2.png"/> <!--경로를 지정할 파일이 상위폴더의 img2라는 폴더에 존재하는 경우-->


장점 : 비교적 간결하게 작성이 가능합니다.
단점 : 작성중인 팡닐의 위치가 변경되면 지정한 주소의 수정이 필요합니다.

 

 

728x90
반응형

댓글