Favicon

Heading IDs

Peponi10/30/20242m

Markdown
SyntaxHeaderID

1. Introduction

글에 헤더를 사용하는 경우 헤더에 원하는 ID를 부여하는 기능으로 ## header {#id}로 부여한다. 이 때 예상할 수 있는 html 결과는 <h2 id="id">header</h2>이다.

한편, 마크다운에서는 대체로 ID 자동 생성을 지원한다. ## 헤더 1로 만든 경우, ID는 대체로 헤더-1이다.

생성된 ID를 통해 내부링크를 걸 수 있으며, 자세한 방법은 다음 섹션에서 알아본다.

2. Example

  • ID 부여 방법
    Markdown
    ## Header {#ID}
    HTML
    <!-- 마크다운 방법으로 ID 지정이 불가할 때 -->
     
    <h2 id="ID">Header</h2>
  • 내부 링크 걸기
    Markdown
    [2. Example](#2-example)
    HTML
    <a href="#2-example">Example</a>

3. Rendering (내부 링크)

4. 참조 자료