본문 바로가기

[HTML] 클릭 시 페이지내 원하는 위치로 이동하기

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

내용이 긴 글에서는 맨 상단에 인덱스(index)를 써놔서 해당 위치로 쉽게 이동할 수 있도록 기능을 구현하는게 좋다

 

구현방법은 간단하게 <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>			// 이동해서 보여질 위치

<a>태그의 id 나 name은 같은 기능이므로 둘 중 아무거나 사용해도 상관이 없습니다

 

맨아래 이동하기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

여기로 이동