<section>
<section> 태그는 주제별 그룹의 콘텐츠 섹션을 나타낼 때 사용하며, 각 섹션에는 <h1>~<h6> 요소를 자식으로 포함시켜 식별해야 합니다. <section> 태그는 스타일링 요소가 아니기 때문에 그룹화나 편의를 위함이라면 <div> 태그를 사용하는 것이 좋습니다.
<section>
<section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다.
정의(Definition)
- <section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다.
- <section> 태그는 탭 페이지, 홈페이지의 소개, 연락처, 뉴스항목 등과 같이 주제별로 분류 할 수 있습니다.
- <section> 태그에는 제목을 나타내는 <h1> ~ <h6> 태그가 포함되어야 합니다.
- <section> 태그는 문장이나 문서의 스타일링 요소가 아닙니다. 스크립트의 편의나 영역을 위함이라면 <div> 태그가 좋습니다.
- <section> 태그가 일반적인 영역의 주제가 아니라면 구체적인 요소(<article>, <aside>, <nav>)를 대신 사용하는 것이 더 적절합니다.
섹션 관련 요소(Section Related Elements)
- <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
- <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
- <section> 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다.
- <nav> 태그는 사이트의 주요 메뉴 섹션을 설정합니다.
- <aside> 태그는 사이트의 보조적 컨텐츠 섹션을 설정합니다.
- <h1>~<h6> 태그는 각 섹션의 제목을 설정합니다.
- <header> 태그는 사이트의 해더 콘텐츠 섹션을 설정합니다.
- <footer> 태그는 사이트의 푸터 콘텐츠 섹션을 설정합니다.
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <section> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
