HTML Layout 태그

• 들어가기 전에

'레이아웃(Layout)'이란 '배치'라는 뜻으로, HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지 결정하는 것을 말한다. 기본적으로 상단의 <header>, 하단의 <footer> 그리고 가운데의 본문 영역이 있다.

• 학습 목표

1. 레이아웃(전체 페이지 구성)을 위한 적절한 HTML 태그들을 이해한다.

• 핵심 개념

- HTML layout 태그들

• 레이아웃을 위한 태그

- 레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 쓴다.

· header

· section

· nav

· footer : 제대로 인식을 지원하는 브라우저는 제한적이다. HTML5에서 새로 추가된 태그이기 때문에, 보통 데스크탑 버전에서는 쓰지 않고, 최신 브라우저들이 많은 모바일 환경에서 주로 사용한다.

· aside : side 쪽에서 추가적인 것들 표시 가능

• HTML5 Layout tag