[TEST] 테이블과 데이터 표현 렌더링 테스트
블로그 본문의 테이블, 순서 리스트, 비순서 리스트, 중첩 리스트가 정상 렌더링되는지 확인하는 테스트 글입니다.
일반 · 2026년 4월 11일 · 3분 읽기
테이블과 데이터 표현 렌더링 테스트
이 글은 블로그 본문의 테이블, 리스트, 데이터 표현이 정상적으로 렌더링되는지 확인하기 위한 테스트 콘텐츠다.
기본 테이블
테이블은 border, padding, 헤더 배경색, hover 효과가 적용되어야 한다.
| 항목 | 설명 | 중요도 | 비고 |
|---|---|---|---|
| 제목 태그 | h1~h6 계층 구조 | 매우 높음 | h1은 페이지당 1개 |
| 메타 설명 | 검색 결과에 표시 | 높음 | 160자 이내 권장 |
| 이미지 alt | 접근성 + SEO | 중간 | 키워드 포함 |
| 내부 링크 | 사이트 구조 강화 | 높음 | 자연스러운 앵커 텍스트 |
비교 테이블
| 구분 | 적용 전 | 적용 후 | 변화 |
|---|---|---|---|
| 방문자 수 | 1,200/월 | 4,800/월 | +300% |
| 체류시간 | 45초 | 2분 30초 | +233% |
| 이탈률 | 78% | 42% | -36%p |
순서 없는 리스트
- 첫 번째 항목 — 굵은 텍스트 포함
- 두 번째 항목 — 일반 텍스트
- 세 번째 항목 — 링크 포함
- 네 번째 항목 — 이탤릭 포함
순서 있는 리스트
- 키워드 리서치 수행
- 제목에 핵심 키워드 배치
- h2/h3 구조 설계
- 본문 작성 + 이미지 삽입
- 내부 링크 연결
중첩 리스트
- 상위 항목 1
- 하위 항목 1-1
- 하위 항목 1-2
- 상위 항목 2
- 순서가 있는 하위 1
- 순서가 있는 하위 2