상대 주소는 작성중인 파일을 기준으로 하면 상대 주소
절대 주소는 지정하는 파일의 전체 경로를 기준으로 하면 절대 주소
절대주소
'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
반응형
'Web > HTML+CSS' 카테고리의 다른 글
[HTML+CSS] div 자연스러운 테두리 효과(box-shadow) (0) | 2020.07.27 |
---|---|
[HTML+CSS] ul, li 태그로 트리구조 만들기 (2) | 2020.07.17 |
[HTML+CSS] 간단한 플로팅 배너 예제 (0) | 2020.07.16 |
[CSS] CSS란? (0) | 2020.05.13 |
[HTML] HTML이란? (0) | 2020.05.08 |
댓글