웹 프론트(2) - 웹사이트를 구조화하는 연습을 하자

웹사이트 구조

웹페이지 전반적 구조

우리들이 흔히 보는 웹페이지는 이런 식으로 구성되어있다.

(물론 무조건 aside가 무조건 있고 footer가 있는 건 아니다. 대략 이런식으로 구성되어 있다)

밑에 예시를 보자

 

대충 맨 위 색깔과 맞춰서 구분지어 놨다.

여기서 더 분할할 수 있고, 정답은 없다.

뭐든지 box model로 세분화해서 나눠보는 연습을 하는게 좋다.

여기서 box는 sectioning이 되는 것을 말한다.