HTML 책갈피 태그 페이지 내 목차 클릭 시 해당 내용으로 이동

 

목차 클릭 시 해당 내용으로 이동 시키기.

보고 있는 페이지 내에서 목차를 클릭했을 때 해당 내용으로 이동되는 HTML입니다. 목차를 상단에 정리를 하고, 목차 제목을 클릭하면 하단의 내용으로 이동되시키게 되면 목차(차례)를 클릭 하는 것만으로 원하는 내용으로 바로 이동되어 빠르게 볼 수 있다는 것이 장점입니다.

---

 

2023년 부동산 정책 발표로 알아보는 바뀌는 9가지

*해당 페이지는 HTML 책갈피 태그를 목차에 적용 시켜 놓았습니다. 어떤식으로 적용이 되는지 궁금하시다면 해당 포스팅에 들어가셔서 확인해 보시길 바랍니다.

---

 

반응형

 

 

HTML 책갈피 태그.

1번에 적힌 태그가 목차, 2번에 적힌 태그가 목차 클릭 시 이동되는 곳입니다.

---

<a href="#list1">클릭할 글자 or 이미지</a>
<a id="list1">클릭하면 이동 될 내용</a>

---

여기서 list(숫자)를 바꿔주면 여러개의 목차와 이동될 내용을 연결 시킬 수 있습니다.

list1, list2, list3.... (목차와 이동될 곳의 숫자는 일치해야 합니다. list1에서 list1로 이동 됩니다. list1에서 list2로 이동은 불가합니다.)