본문 바로가기

카테고리 없음

[HTML] HTML 핵심 개념 - 2

링크의 상대 주소

<a href="contents.html">

 

링크를 만들 때 <a>라는 태그를 사용하고 href라는 속성에 주소를 적으면 링크를 클릭했을 때 해당 주소로 이동.

href 속성 값으로는 사이트 주소 전체를 쓰거나 현재 경로를 기준으로 페이지 경로를 쓸 수 있음.

 

index.html 파일을 기준으로 현재 주소는 최상위, 즉 /이다. (http://127.0.0.1:3000/index.html)

 

index.html은 폴더의 경로로 이동했을 때 기본으로 보여주는 파일이다.

 

상대적인 주소에서는 파일 이름만 써도 되지만 상대적인 경로를 써서 표시할 수 도 있다.

 

./ 에서 마침표 . 는 현재 폴더라는 뜻이다.

경로에서 현재 폴더가 아닌 부모 폴더를 표시하고 싶다면 마침표 두개 .. 를 입력하면 된다. 현재 폴더의 바로 위 부모의 폴더로 가서 경로를 찾으라는 의미이다.

 

부모 폴더가 여러개 있는 경우 ../ 을 통해 최상위 폴더로 가는 것은 한계가 있기 때문에

최상위 폴더로 가기 위해서는

href = "/index.html"

처럼 맨 앞에 /를 치면 최상위 폴더를 기준으로 검색하게 된다. (http://127.0.0.1:3000/ 와 같은 의미이다.)