[HTML]Anchor

 

Anchor

<ul>
        <li><a href="#content1">메뉴1</a></li>
        <li><a href="#content2">메뉴2</a></li>
        <li><a href="#content3">메뉴3</a></li>
</ul>
<h2 id="content1">내용1</h2>
할수 있다.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 id="content2">내용2</h2>
힘내자.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 id="content3">내용3</h2>
포기하지말자

페이지에서 페이지 혹은 사이트에서 사이트로 이동 시 사용되는 태그, HTML에서 특정 페이지를 이용할 시에 사용되는 태그로서 HTML의 핵심이 되는 태그이다. a태그 안쪽에는 일반 글이 들어갈 수도 있지만, 그림 혹은 html 태그 단위가 올 수도 있다. 해당 내용을 클릭 시 href 속성에 지정된 url 주소 혹은 경로에 있는 html 페이지로 이동된다.

 

Anchor를 활용한 페이지 이동하기

 

* html5에서 정식으로 제공되는 기능 중 하나

* 태그에서 id 속성을 통해 선언된 내용을 이용해 anchor 태그에서 해당 id값이 있는 태그로 이동하도록

   할수 있는 기능이 생김.

*anchor 태그 속성의 href에 "#[id]"를 넣게 되면 해당 태그로 페이지가 이동된다.