본문 붙여넣기
전체 제목 6개 중 H2~H4 5개를 목차에 넣습니다. 본문의 H1은 보통 글 제목이라 시작 단계를 H2로 두는 것이 일반적입니다.
목차 HTML
<nav aria-label="목차">
<strong>목차</strong>
<ul>
<li><a href="#메타-태그란">메타 태그란</a>
<ul>
<li><a href="#title-쓰는-법">title 쓰는 법</a></li>
<li><a href="#description-쓰는-법">description 쓰는 법</a></li>
</ul>
</li>
<li><a href="#사이트맵-만들기">사이트맵 만들기</a></li>
<li><a href="#자주-묻는-질문">자주 묻는 질문</a></li>
</ul>
</nav>링크(#id)가 동작하려면 본문의 각 제목에 같은 id가 있어야 합니다. 아래 본문을 사용하면 id가 자동으로 들어갑니다.
id가 추가된 본문 HTML
<h1 id="seo-시작-가이드">SEO 시작 가이드</h1> <h2 id="메타-태그란">메타 태그란</h2> <h3 id="title-쓰는-법">title 쓰는 법</h3> <h3 id="description-쓰는-법">description 쓰는 법</h3> <h2 id="사이트맵-만들기">사이트맵 만들기</h2> <h2 id="자주-묻는-질문">자주 묻는 질문</h2>
제목 태그에 id가 없던 곳에만 추가했습니다. 같은 제목이 반복되면 -2, -3을 붙입니다. 영문·한글·숫자·하이픈만 남기고 id를 만듭니다.
마크다운 목차
**목차** - [메타 태그란](#메타-태그란) - [title 쓰는 법](#title-쓰는-법) - [description 쓰는 법](#description-쓰는-법) - [사이트맵 만들기](#사이트맵-만들기) - [자주 묻는 질문](#자주-묻는-질문)
목차 생성기 사용 안내
글 본문(HTML 또는 마크다운)의 제목에서 목차와 앵커 링크를 자동으로 만들어 줍니다. HTML이면 제목에 id를 붙인 본문도 함께 줍니다.
- 본문을 붙여 넣습니다.
- 목차에 넣을 제목 단계(예: H2~H4)와 목록 종류를 고릅니다.
- 생성된 목차와 id가 붙은 본문을 복사해 글에 적용합니다.
자주 묻는 질문
목차 링크를 눌러도 이동하지 않아요.
목차의 링크(#id)와 본문 제목의 id가 같아야 합니다. HTML이면 id가 추가된 본문을 사용하세요.
같은 제목이 여러 번 나오면 어떻게 되나요?
두 번째부터 id 뒤에 -2, -3을 붙여 서로 구분합니다.
블로그 플랫폼에서도 되나요?
플랫폼이 제목 id를 만드는 규칙이 달라 링크가 안 맞을 수 있습니다(확실하지 않음). HTML 편집이 가능한지 먼저 확인하세요.