화면 영역을 목적에 따라 의미있게(semantic) 구분하기(ex. header, nav, section, article, footer 등)
css 를 사용하여 각각의 elements 의 위치 정하기
margin, border, padding 개념 알기
id, class 알맞게 사용하기
오늘 느낀점
의미적 요소(Semantic elements)는 브라우저에게 요소의 의미나 목적을 명확하게 알려주는 요소이다. <div> 태그는 HTML 문서 중에서 논리적인 섹션을 나타내지만 <div>는 그 자체로는 아무런 의미가 없다. 단순히 컨테이너의 역할만 하는 것이다. 물론 개발자는 id나 class 이름을 <div> 와 함께 사용해서 의미를 전달할 수 있지만 브라우저는 이것을 인식하지 못한다.
<div id="header">
HTML5에서는 이러한 문제점을 해결하기 위해 시맨틱 요소를 정의하였다. 시맨틱 요소는 브라우저와 개발자에게 명확하게 그 의미를 설명하는 요소이다.
