[TEST] 테이블과 데이터 표현 렌더링 테스트

테이블과 데이터 표현 렌더링 테스트

이 글은 블로그 본문의 테이블, 리스트, 데이터 표현이 정상적으로 렌더링되는지 확인하기 위한 테스트 콘텐츠다.

기본 테이블

테이블은 border, padding, 헤더 배경색, hover 효과가 적용되어야 한다.

항목	설명	중요도	비고
제목 태그	h1~h6 계층 구조	매우 높음	h1은 페이지당 1개
메타 설명	검색 결과에 표시	높음	160자 이내 권장
이미지 alt	접근성 + SEO	중간	키워드 포함
내부 링크	사이트 구조 강화	높음	자연스러운 앵커 텍스트

비교 테이블

구분	적용 전	적용 후	변화
방문자 수	1,200/월	4,800/월	+300%
체류시간	45초	2분 30초	+233%
이탈률	78%	42%	-36%p

순서 없는 리스트

• 첫 번째 항목 — 굵은 텍스트 포함
• 두 번째 항목 — 일반 텍스트
• 세 번째 항목 — 링크 포함
• 네 번째 항목 — 이탤릭 포함

순서 있는 리스트

1. 키워드 리서치 수행
2. 제목에 핵심 키워드 배치
3. h2/h3 구조 설계
4. 본문 작성 + 이미지 삽입
5. 내부 링크 연결

중첩 리스트

• 상위 항목 1
  • 하위 항목 1-1
  • 하위 항목 1-2
• 상위 항목 2
  1. 순서가 있는 하위 1
  2. 순서가 있는 하위 2