반응형
티스토리 목차 만들기 (간단한 html 태그)
소제목이 구분되는 글의 경우에 목차를 작성하여 구분해주는 것이 가독성에 좋습니다. 추가적으로 독자의 니즈를 충족시켜줄 수도 있는 부분입니다. ABCDE 라는 소제목이 있으면, 나는 B에 대한 내용만 필요할 수 있습니다. 독자의 입장에서는 목차와 목차를 클릭함으로써 해당 내용으로 바로갈 수 있어 좋습니다.
간단하게 목차를 만드는 방법에 대해 알아보겠습니다.
다음과 같이 목차를 작성하고 목차의 A 티스토리를 클릭하면 A 티스토리(소제목)으로 이동하도록 설정을 해보겠습니다.
목차
1) A 티스토리
2) B 티스토리
3) C 티스토리
A 티스토리 (소제목)
목차에는 다음 href 태그를 사용해줍니다. 목차1 대신에 본인이 식별할 수 있는 아무 문자나 사용하셔도 관계 없습니다.
다음과 같이 태그를 넣어주시면 "1) A 티스토리" 라는 단어를 클릭하면 본인이 지정한 위치로 이동하게 됩니다.
<a href="#목차1"> 1) A 티스토리 </a>
그 후에는 목차1 이라는 위치로 이동하기 위해서 그 위치에 "목차1"을 설정해줍니다.
목차1을 클릭하면 본인이 설정한 목차1의 위치로 이동하게 됩니다.
<a name=목차1> A 티스토리 (소제목) </a>
href 태그와 name 태그로 목차 만드는 방법에 대해 알아보았습니다.
반응형
댓글