페이지 안에서 이동하기(URI Fragment)

가끔 페이지 안에서 목차를 클릭했을때 그 목차의 내용으로 이동하게 만들어야 할때가 있다

<div>
<a href="#인터넷의_역사">인터넷의 역사</a>
<a href="#인터넷의_탄생">인터넷의 탄생</a>
</div>


<h2 id="인터넷의_역사">인터넷의 역사 부분</h2>
<h2 id="인터넷의_탄생">인터넷의 탄생 부분</h2>

 

이렇게 링크안에 #으로 시작하는 #아이디_이름 을 써준다

 

그리고 그 목차에 해당하는 부분에 id값으로 a태그의 속성으로 넣어준 아이디_이름을 을 그대로 넣어준다

 

해당 페이지의 주소가 index.html라고 가정했을때 인터넷의 역사 링크를 클릭하면 인터넷의 역사

 

부분으로 넘어가면서 주소가 index.html#인터넷의_역사 로 바뀐다