섹션

참고:

섹션은 문서의 최상위 그룹화 메커니즘으로, 기본 콘텐츠 및 블록 세트에 대한 컨테이너로 간주됩니다. 문서 구조에 대해 자세히 알아보기 여기.

섹션은 "수평 규칙" 또는 — 로 구분되어 페이지의 특정 요소를 함께 그룹화합니다. 콘텐츠를 함께 그룹화하는 의미론적 이유와 디자인 이유가 모두 있을 수 있으며, 페이지의 섹션에 다른 배경색이 있는 간단한 경우가 있을 수 있습니다.

기술적으로 섹션은 다음을 소개합니다. <div> 섹션에 포함된 모든 블록 및 기본 컨텐츠 주위에 제공되는 마크업의 래퍼입니다.

예:

라이브 출력 보기

콘텐츠 구조:

문서의 컨텐트 보기

코드:

대부분의 경우 일반 섹션에는 프로젝트별 상자 레이아웃(예: margins, padding, max-width) 또는에서 스타일링(종종 배경색 또는 이미지)을 제어하기 위해 섹션 메타데이터로 보강됩니다.

섹션 스타일 코드 를 참조하십시오