[블로그 목차 만들기] 태그 만드는 방법

 

안녕하세요.

오늘은 블로그에 글을 작성할 경우 목차 태그를 넣는 방법에 대해서 알아보려고 합니다.

블로그 글을 작성할 경우 좀 더 깔끔하게 목차를 넣으며 글이 좀더 체계화 되고 보시는 분들도 단락별 글 구성을 쉽게 파악할 수 있어서 도움을 줍니다.

또한 글이 길어질 경우 목차를 클릭해서 해당내용으로 빠르게 이동을 할 수 있기 때문에 편리합니다.

태그 넣는 방법 또한 어렵지 않고 간단하기 때문에 한번 따라해 보시는 것도 정말 좋을 것 같습니다.

 

목차
1. 목차 태그 삽입 목적
2. 태그 넣는 방법
3. 마무리 및 정리

 

1. 목차 태그 삽입 목적

 

목차를 생성하게 되면 다음과 같은 장점이 있습니다.

1. 목차를 생성하고 글을 쓰게 되면 글을 좀더 체계적으로 작성할 수 있습니다.

2. 목차를 클릭해서 해당글로 바르게 이동할 수 있습니다.

3. SEO 최적화에 도움을 줍니다.

 

2. 태그 넣는 방법

 

그러면 이제 태그 넣는 방법을 한번 알아보겠습니다. 

 

1. 우선 생성할 목차를 생성합니다.

보시는 것처럼 생성하고 싶은 목차를 작성합니다.

 

2. HTML 모드로 진입 후 목차 리스트로 이동합니다.

HTML모드에 진입하면 방금 작성한 목차 리스트를 찾을 수 있습니다.

 

3. 목차에 <a href="#c숫자">를 삽입합니다.

 

저는 <a href="#c1">,<a href="#c2">,<a href="#c3"> 로 알기 쉽게 목차 넘버로 세팅을 했습니다.

 

4. 세팅이 마무리되고 작성된 글을 확인하면 다음과 같이 보입니다.

보시는 것처럼 처음과 다르게 목차가 파란색으로 변경됬습니다.

여기서 끝이 아니라 이제는 목차 태그를 클릭했을 때 이동하는 위치를 설정해야겠죠.

 

5. HTML 모드로 다시 들어가서 이동을 원하는 글을 찾습니다.

원하는 글 위치에 id="c숫자" 태그를 입력합니다.

이때 주의하실 점은 앞에 목차에서 설정한 숫자값과 이동을 원하는 위치의 태그 숫자값은 동일해야 합니다.

목차의 <a href="#c1"> 태그의 이동 위치 글은 id="c1" 

목차의 <a href="#c2"> 태그의 이동 위치 글은 id="c2"

목차의 <a href="#c3"> 태그의 이동 위치 글은 id="c3"

 

6. 설정이 완료되면 목차 태그 설정은 완료됩니다.

 

 

3. 마무리 및 정리

 

오늘은 블로그 포스팅 할때 목차를 넣고 목차를 클릭해서 해당글로 이동하는 태그 넣는 방법에 대해서 알아보았습니다.

목차를 설정하면서 글을 작성하면 여러가지 장점이 있고 글을 보시는 분들도 가독성이 높아집니다.

설정 방법도 간단하고 어렵지 않기 때문에 알아두시면 정말 도움이 됩니다.

오늘 소개드린 내용이 조금이나마 도움이 되셨으면 좋겠습니다.

감사합니다.

[바이올린 구조와 명칭]

[바퀴벌레 퇴치방법] 박멸하는 추천방법

[생존수영이란] Q&A 알아보기