[HTML] 본문에서 특정한 줄로 바로가기 만들기

1. 구현 방법

흔히 글에 목차가 필요하면 a태그를 이용하여 특정 줄로 바로 갈 수 있는 기능을 넣습니다.
이 기능은 a태그에서 목표 위치를 '#[id]'로 넣으면 본분에서 'id'로 되어 있는 요소를 찾아 스크롤이 동합니다.

 

 

2. 구현해 보기

HTML파일을 만들어 아래처럼 구현합니다.

HTML5.html

0.00MB

 

<a href="#1">1번으로 가기</a><br>

...
중략
...

<a name="1">1</a>
<br><br><br><br><br>
<a name="2">2</a>
<br><br><br><br><br>
<a name="3">3</a>

 

HTML5 이전에는......

HTML5에서는 'name'이 아니라 'id'를 추적합니다.

그전에는 'name'을 추적했다는 것이죠.

HTML.html

0.00MB

 

 

3. 테스트

테스트를 위해 이 포스팅에도 ID를 넣어 놨습니다 ㅎㅎㅎ

 

여기 클릭하면 아래로 감

 

여기 클릭하면 위로 감

 

 

마무리

간단한 건데 가끔 까먹어 ㅡ.-;;