시멘틱구조

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 여러 요소들을 하나로 묶어 관리하기 편하게하는 태그를 컨테이너 태그라고 한다. 콘텐츠 내용을 구분하거나, 특정 영역마다 공통적인 스타일(css)를 적용하고자 할 때 개발자는 컨테이너태그를 사용하는 것이 좋다. 컨테이너 역할을 담당하는 태그는 크게 시멘틱(Semantic) 태그와 논-시멘틱(non-Semantic) 태그로 나뉜다. 시멘틱(Semantic) 태그 시멘틱 태그란 브라우저, 개발자와 사용자에게 태그에 종속되어있는 내용을 직설적으로 알려주는 태그이다. 태그의 종류로는 header, nav, section, article, aside, footer 가 있다. header : 전체 사이트의 헤더, article에 관련된 헤더이다. nav : 로그인, 목차..