<section>

초록공룡·2025년 8월 16일

HTML5

목록 보기
20/76

개념

  • 문서 안에서 주제별로 구획된 논리적 섹션을 나타내는 시맨틱 요소이다.
  • 페이지에 여러 개 사용 가능하며, 일반적으로 섹션 제목을 포함해 해당 구획의 주제를 명시하는 것이 권장된다.
  • 그룹화만 필요하고 특별한 의미가 없으면 div가 더 적절하며, section은 의미 있는 주제 단위일 때만 쓴다.
  • article과 달리 "독립적으로 재사용/배포 가능한 콘텐츠"가 아니라 "문서의 하위 주제 구획"을 나타낸다.

실무

  • 페이지를 주제별로 나누고, 각 섹션에 반드시 제목을 둬 개요를 선명하게 만든다.
  • "독립 배포/ 공유 가능한 콘텐츠"면 article, "하위 주제 구획"이면 section, "의미 없는 스타일 그룹화"면 div를 쓴다.
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글