마크다운 렌더링 검증

이 페이지는 문법을 “써 보는” 페이지가 아니라 렌더링 결과를 점검하는 페이지다.

헤딩 계층

H3 확인

H4 확인

H5 확인

H6 확인

목록

• 첫 번째 항목
• 두 번째 항목
  • 중첩 항목
  • 중첩 항목 안의 inline code
• 세 번째 항목

1. 순서 있는 목록
2. 다음 항목
3. 마지막 항목

• 할 일 항목
• 완료 항목

강조와 취소선

이 문장은 굵게와 기울임 그리고 취소선이 함께 들어 있어도 읽기 흐름이 자연스러운지 본다.

인용문

인용문은 문단 간격, 좌우 여백, 줄바꿈이 한꺼번에 맞는지 확인하기 좋다.

두 줄 이상 들어가도 인용문 블록이 과하게 넓어지지 않아야 한다.

표

각주

각주 표시는 렌더러가 문장 끝과 문단 끝을 어떻게 다루는지 보여 준다.¹

코드 블록

<section class="sample">
  <h2>문법 테스트</h2>
  <p>코드 블록 안에서는 마크다운이 멈춰야 한다.</p>
</section>

| 파이프 | 백틱 | 별표 |
| --- | --- | --- |
| A | `B` | *C* |

.sample {
  display: grid;
  gap: var(--space-md);
}

추가로 확인할 항목

• 수평선(---)이 문맥을 과하게 끊지 않는가
• 링크가 본문 흐름 안에서 충분히 구별되는가
• kbd, mark, sup, sub 같은 보조 문법이 튀지 않는가
• raw HTML이 들어와도 문단 간격이 무너지지 않는가

원문 코드

<kbd>Ctrl</kbd> + <kbd>K</kbd>
<mark>강조 표시</mark>
H<sub>2</sub>O, x<sup>2</sup>

관련 페이지

• 숏코드 조합과 방향성 검증
• 문법 경계와 에지 케이스 검증