본문 바로가기
CODEIT;

HTML 핵심 개념 : 링크 정리

by ♡˖GYURI˖♡ 2023. 9. 18.

링크의 상대 주소 (Relative URL)

현재 폴더는 점 한 개 (./) 로 표시하고, 상위 폴더는 점 두 개 (../) 로 표시함

최상위 폴더는 경로 맨 앞에 / 로 시작

특별히 index.html 파일은 이름을 생략하고 폴더 이름만 쓸 수 있음

 

URI 프래그먼트 (URI Fragment)

페이지의 특정 부분을 가리키는 주소

원하는 곳에 id 속성을 지정해두고, 링크 주소로 사용할 때는 맨 끝에 #으로 시작하는 #아이디-이름을 쓰면 됨

팀 버너스리는 "인터넷 사용 자체가 인권"<a href="#note-1">[1]</a>이라고 말했다.

...

<p id="note-1">[1] 서울디지털포럼 2013 기조연설</p>

 

target 속성

새 창(새 탭)으로 열거나 현재 창 또는 내가 원하는 창으로 열 수 있음

<a href="https://movie.naver.com" target="_blank"><!-- 새 창으로 열기 -->
  네이버 영화 
</a>
<a href="https://movie.naver.com" target="_self"><!-- 현재 창 -->
  네이버 영화
</a>
<a href="https://movie.naver.com" target="movie"><!-- 내가 원하는 창 -->
  네이버 영화
</a>
<a href="https://movie.daum.net" target="movie"><!-- 내가 원하는 창 -->
  다음 영화
</a>
<a href="https://imbd.com" target="movie"><!-- 내가 원하는 창 -->
  imbd
</a>