HTML | CSS/CODEIT;
HTML 핵심 개념 : 링크 정리
♡˖GYURI˖♡
2023. 9. 18. 17:12
728x90
링크의 상대 주소 (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>