[TIL #6] HTML Sectioning Elements

Kayoung Kim·2021년 6월 11일
1

HTML

목록 보기
7/8
post-thumbnail

Sectioning Elements는 단원과 같다. 책을 펴면 목차가 있고 그 안에 각각의 대주제가 있고 소주제, 내용으로 구분이 되는 것처럼 HTML 문서도 각각의 구성을 주는 요소들(section, article, nav, aside)이 있다.

Header(도입부) <header> </header>

  • 문서의 도입부로 제목과 같다. 최상단에 써준다.
  • 현재 페이지 내, 혹은 문서 간 이동을 포함한다.

main(메인) <main> </main>

  • 하나의 웹에는 한 개의 main만 온다 = 가장 핵심을 묶을 때 사용한다
  • sectioning elements 안에는 쓸 수 없다.

Section article

  • 완결된 집합체
  • 뉴스 피드, 블로그처럼 컨텐츠로 완결성이 있는 경우

Aside

  • 본 내용과 관계없는 곁다리. 배너광고, 사이드에 있는 모든 것
  • 하단 정보

3단 구조
1. Header 2. Main 3. Footer

0개의 댓글