나는 엔지니어/HTML

목적지 앵커 설정 하는법

호야선생 2012. 6. 27. 19:02

목적지 앵커란?

파일 링크를 실시 했을때 해당 웹 페이지의 특정한 부분에 포커스를 맞출려고 할때 사용하는 듯 하다.

예를 들어서 아래의 코드를 한번 살펴보자.


[ex-01: test.html]


<h2>

<a href="test.html#chai"> chai tag move </a>

</h2>



.........

 

<h2>

<a id="chai"> Chai Tea, 1.85 </a>

</h2>

<p>A spicy drink made with black tea, spices, milk and honey.</p>


즉 한페이지 내에서 특정 태그로의 이동을 할 경우에 사용하는 기능을 목적지 앵커라고 한다.

목적지 앵커는 해당 페이지 이름 뒤에 # 을 붙히고 다음에 ID를 붙히면 된다.


[추가 사항]

. 목적지 앵커는 동일 페이지가 아니라 특정 페이지의 링크를 실시할 경우 해당 페이지의 특정 부분을 가리킬때 씀

  ( 보통 페이지 이동이 발생하면 페이지의 TOP이 표시 되는데 이를 특정 위치로 변경할 수 있다. )

 

 그리고 페이지 내에서 TOP으로 이동하는 버튼 또한 앵커를 이용하여 구현 가능하다.

앵커를 사용하지 않으면 즉 목적지 앵커가 없다면 브라우저는 웹 페이지의 특정 지점으로 갈 수가 없다.