3 전통적인 웹 사이트 레이아웃 구조 만들기
먼저 HTML 문서 안의 공간을 정의하는 <header>, <aside>, <section>, <footer> 태그를 사용하여 설계 도면 작업을 진행합니다. 앞에서 언급했듯이 <html>과 <body> 태그는 기본적으로 margin과 padding 속성을 갖고 있으므로 공백이 생깁니다. 따라서 margin: 0;과 padding: 0;을 적용하여 공백을 없앱니다.
예제 소스 Exercise/9장/2_float/index02.html
<body> <header></header> <aside id="left"></aside> <section></section> <aside id="right"></aside> <footer></footer> </body>