HTML 앵커 기능

HTML 앵커 기능

a태그에 링크를 걸어놔서 클릭 시 동일 페이지내에 원하는 위치로 이동하는 앵커(ankor) 설정방법

구현방법

구현방법은 간단하게 a태그의 id나 name값을 설정하면 된다. a태그의 id와 name은 같은 기능이므로 둘 중 아무나 사용해도 상관없다.

1. a태그에 name값을 사용하여 이동하기

<a href="#tag1">맨 아래 이동</a>
<a name="tag1">여기로 이동</a>

2. a태그에 id값을 사용하여 이동하기

<a href="#tag1">맨 아래 이동</a>
<a id="tag1">여기로 이동</a>

아래로 이동

<<여기로 이동>>