[HTML] HTML 레이아웃 구조

 - HTML5 이전에 레이아웃 구조 설정

 - 위의 사진에 방법처럼 class또는 id 속성으로 설정을 많이함

 - 현재로서도 이런식으로 많이 쓰이기도 함

 

 - HTML5에 시멘틱 레이아웃 구조 설정

  - 이러한 형태로 시멘틱 태그로 레이아웃을 설정을 할 수 있음

   - <header> Tag : 주로 머리글을 지정 -> class = "headeer"

   - <section> Tag : container 영역 -> class="container"

   - <nav> Tag : 주로 메뉴로 설정 -> class="nav"

   - <article> Tag : content 실제 내용을 적용 -> class="content"

   - <footer> Tag : 하단을 지정 회사정보, 저작권 등 -> class="footer"