웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그

Back-end Developer·2022년 9월 4일
0

HTML5

목록 보기
10/10

레이아웃 구성

  • 과거에는 table 태그로, 모던 웹에서는 주로 div로 레이아웃 구성

  • But, div 태그는 의미론적으로 어떠한 의미도 갖지 않음

  • HTML5에서 새롭게 추가된 시맨틱 태그 사용 권장

    tagDescription
    header헤더
    nav내비게이션
    aside사이드에 위치하는 공간
    section본문의 여러 내용을 포함하는 공간
    article본문의 주 내용이 들어가는 공간
    footer푸터
  • 이와 같은 공간 분할 태그는 일반적으로 다른 요소를 포함하는 컨테이너의 역할

profile
TIL & Project Retrospective

0개의 댓글