[TEST] 인용문, 코드, 안내 박스 렌더링 테스트

인용문, 코드, 안내 박스 렌더링 테스트

이 글은 블로그 본문의 blockquote, code, aside 요소가 정상적으로 렌더링되는지 확인하기 위한 테스트 콘텐츠다.

인용문 테스트

잘 구조화된 콘텐츠는 검색엔진이 더 쉽게 이해하고, 사용자 체류시간이 증가하며, 상위 노출될 확률이 높아진다. 이것은 콘텐츠 전략의 기본 원칙이다.

인용문 다음에 일반 문단이 온다. 인용문과 본문 사이의 간격이 적절해야 한다.

핵심 포인트: 완벽한 콘텐츠를 기다리지 마라. 70% 준비되었으면 발행하고, 이후 데이터를 보며 개선하라.

인라인 코드

인라인 코드: getLatestPosts() 함수를 호출하면 최신 글 목록이 반환된다. category 파라미터를 전달하면 특정 카테고리만 필터링된다.

코드 블록

<article>
  <h2>블로그 제목</h2>
  <p>본문 내용이 여기에 들어갑니다.</p>
  <table>
    <tr><th>항목</th><th>값</th></tr>
    <tr><td>조회수</td><td>1,234</td></tr>
  </table>
</article>

안내 박스 (aside)

aside 다음의 일반 문단. aside와 본문 사이의 간격을 확인한다.

혼합 구성

아래는 인용문, 코드, 안내 박스가 연속으로 나오는 패턴이다.

먼저 인용문이 온다.

그 다음 코드 블록이 온다.
여러 줄로 구성된 코드.