HTML anchor - 웹페이지 내 원하는 부분으로 이동하는 링크 만들기

HTML anchor란?

같은 webpage 내에서 특정 문단 등으로 이동할 수 있게 해주는 일종의 링크.

예시> 사용 방법, 참고

사용 방법

<a> 태그와 name attribute를 사용. name attribute는 HTML5 에서 deprecated.

1. destination 지정: <a name="anchor_name"> destination_string</a>를 지정
2. departure link 만들기 : <a>태그 사용한 링크 다는 방식과 동일하게 링크 삽입. 단, url 주소 맨 마지막에 (url)#anchor_name 덧붙임

만약 같은 웹페이지 내에서의 이동이라면 url 주소를 생략한채 #anchor_name만 입력도 가능.

<a> 태그와 id attribute를 사용.

1. destination 지정 :
   <a name="anchor_name"> destination_string</a>를 지정
2. departure link 만들기 : <a>태그 사용한 링크 다는 방식과 동일하게 링크 삽입. 단, url 주소 맨 마지막에 (url)#anchor_name 덧붙임

만약 같은 웹페이지 내에서의 이동이라면 url 주소를 생략한채 #anchor_name만 입력도 가능.

참고

How to Link to a Specific Line or Paragraph on a Web Page Using HTML
by Christopher Heng, thesitewizard.com