웹 페이지의 영역을 나눠주는 태그와 시맨틱 태그 우리가 웹 페이지에서 볼 수 있는 요소들은 태그 안에 작성됩니다. 하지만 그냥 작성된 것이 아닌 각각의 역할에 따라 레이아웃이 구분돼서 작성되어야 사이트를 보다 구조화할 수 있습니다. 예를 들어, 네이버를 크게 나눠보면 헤더(header), 메인(main), 사이드바(sidebar), 여기엔 나와있지 않지만 스크롤을 내려 확인할 수 있는 푸터(footer) 영역 등으로 이루어져 있고, 그 안에서 쪼개지는 다양한 레이아웃이 있습니다. 이렇게 관련 있는 콘텐츠마다 영역을 나눠주기 위해 와 시맨틱 태그를 사용하는데, 각 태그들에 대해 알아보는 시간을 가져보도록 하겠습니다. "division"의 약어로, 웹 페이지 콘텐츠의 레이아웃을 나눠주는 역할 태그 자체에 특..