HTML Layout

Layout이란?

HTML 화면을 구성하는 기본적인 모습

상단의 header, 하단의 footer, 가운데에 본문 영역, 웹 사이트의 네비게이션 영역 등..

웹사이트에서 실제로 구현된 부분을 한번 살펴보자.

header같은 경우는 div에 CSS클래스를 넣어서 구현했음을 볼 수 있다.

그 외에 코드를 살펴보면 상단의 뉴스, 연예 이 카테고리에는 nav를 사용했음을 볼 수 있고

section태그를 사용한 것도 확인할 수 있다.

다음은 이런 레이아웃 태그를 이용해서 간단한 실습을 해본 결과이다.

위에서 언급한 태그들은 아래와 같은 화면으로 구성된다.

보통 PC에서는 header나 footer 이런 걸 쓰지 않고 

그냥 div에다가 클래스로 이름을 header, footer이렇게 많이 주고

모바일에서 주로 이 태그들을 많이 쓰게된다.

출처 : edwith

https://www.edwith.org/boostcourse-web/lecture/19355/