[HTML] 파일의 절대주소와 상대주소

html을 사용하면서 img, audio 를 비롯한 멀티미디어 태그, css등을 외부에서 불러올 때 쓰는 link 태그와 자바스크립트를 외부에서 불러올 때 우리는 해당 파일이 어디있는지 주소를 알아야 합니다.

이 때 그 파일의 주소를 작성하는 방법이 절대주소와 상대주소 2가지가 있습니다.

 

절대주소

 

절대주소는  파일의 고유한 경로를 전부 입력하는 방식 입니다. 경로를 전부 입력해야 하기에 절대주소는 주소를 길게 써야하는 불편함이 있습니다. 하지만 현재 파일의 위치에 영향을 받지 않기 때문에 위치가 변해도 문제가 생기지 않습니다.

 

절대주소 예

<img src="C:/Users/admin/Documents/image/1.jpg" >

 

-그림파일("1.jpg")이 내문서 image폴더에 있을 때

 

상대주소

 

 

상대주소는 현재위치를 기준으로 파일의 상대적인 경로를 입력하는 방식 입니다. 따라서 현재위치가 바뀔 경우에는 오류가 발생하게 됩니다. 하지만 상대주소는 절대주소에 비해 간결하게 작성되기에 많이 사용됩니다. 

 

상대주소 예

<img src="1.jpg" >

 

-HTML 파일이 있는 현재 폴더에 그림파일("1.jpg")이 있을 때

 

<img src="image/1.jpg" >

 

-HTML 파일이 있는 현재 폴더안의 image폴더에 그림파일("1.jpg")이 있을 때

 

<img src="../image/1.jpg" >

 

-HTML 파일이 있는 현재 폴더의 상위폴더 안의 image폴더에 그림파일("1.jpg")이 있을 때