[edwith] 초보 HTML&CSS 3강 - UI 레이아웃을 위한 HTML 태그

 

UI 레이아웃을 위한 HTML 태그

UI 레이아웃 3대장
- header, 본문, Footer


​

​

레이아웃을 구성하는 태그

- header : 상단

- nav : 주메뉴(주요 navigation link들을 모아놓는 곳). 시각장애인이 상세내용(?)을 제외하고 들을 수 있게 함.
- section : 본문
- aside : 사이드바 메뉴에 주로 사용.
- footer : 하단


((Tip)) 위 태그들은 지원 시작된지 얼마 안 됨. 데탑 환경에선 div 태그로 대체(class에 header/section/footer 등 표시)되는 경우가 많음. 브라우저가 대부분 최신인 스마트폰 환경에서 더 많이 보임.