섹션 (Section)이란?
◎블록 요소 입니다.
◎HTML 문서의 맥락이 같은 요소들을 주제별로 그룹화 해주는 태그 입니다.
◎ 연관된 문서의 단락이 아닌, 일반 컨테이너로 사용하면 안됩니다.(단순한 스타일을 줄 목적으면, <div> 태그를 이용.)
◎섹션주제에 대한 제목 요소 < H1>~<H6>을 포함 하는 것이 좋습니다.
◎ 텍스트, 인라인 요소 블록 레벨 요소를 포함 할수 있습니다.
섹션 관련 태그
◈ <main>
· HTML 문서의 주요 콘텐츠 영역을 의미하는 태그 입니다.
· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다.
· <section> 태그 안에서 <main> 태그를 사용 하면 안되고, <main>태그 안에서 <section> 태그 사용이 가능합니다.
◈ <header>
· HTML 문서의 헤더 영역을 의미하는 태그 입니다.
· 제목이나 내비게이션, 검색 등의 내용을 포함 할수 있습니다.· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 <header>, <footer> 태그는 포함할 수 없습니다.
◈ <footer>
· HTML 문서의 푸터 영역을 의미하는 태그 입니다.
· 섹션 작성자나 저작권에 대한 정보 관련된 문서의 링크를 포함할 수 있습니다.
· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 <header>, <footer> 태그는 포함할 수 없습니다.
◈ <article>
· HTML 문서 내에서 독립적인 컨텐츠를 사용할 때 쓰이는 태그 입니다.
· <section>태그 안에 맥락이 같은 요소의 여러<article>태그를 넣어 주제별 그룹화를 할 수 있습니다.
· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다.
◈ <nav>
· HTML 문서의 메인 메뉴나 목차 등을 정의해 주는태그 입니다.
· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다.
◈ <aside>
· 메인 컨텐츠와 직접적으로 관련이 없는 영역을 의미하는 태그입니다.
· 문서의 오른쪽이나 왼쪽의 사이드 메뉴나 광고의 영역으로 사용 됩니다.
· 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다.
◈ <h1>~<h6>
· HTML 문서에서 제목을 정의 할 때 사용하는 태그 입니다.
· 텍스트와 인라인 요소를 포함할 수 있지만 블록 레벨 요소는 포함할 수 없습니다.
섹션 ex)