[HTML] 상대경로와 절대경로

blockzzie·2023년 4월 17일

HTML/CSS

목록 보기
2/14

경로는 파일이나 이미지 가져오는 경로로 상대경로와 절대경로가 있다.
a태그는 href 속성을 이용해서, img태그는 src 속성을 이용해서 경로를 명시한다.

상대경로

  1. 같은 단계(폴더)에 있는 경우 ./를 작성하여 불러온다.
  2. ./를 생략해도 같은 단계에 있다면 동작한다.
  3. 내가 작성중인 파일 기준으로 몇 단계 올라가야하는지(=벗어나기) 여부에 달라진다.
    . 점 1개는 현재 디렉토리
    .. 점 2개는 상위 디렉토리
1. <img src="./img/logo.jpg">
2. <img src="img/logo.jpg">
3. <img src="../img/logo.jpg">

절대경로

  1. http로 시작하는 주소를 아예 가져와
  2. / 하나만 입력하면 최상위폴더(루트경로)로 바로 이동
    (루트경로는 들어오자마자 위치한 곳 ex)index.html)
1. <img src="http://www.blockzzie.com/img/logo.jpg">
2. <img src="/img/logo.jpg">

내부파일 불러올 땐 상대경로
외부파일 불러올 땐 절대경로

profile
막무가내 코딩노트

0개의 댓글