HTML5에서 의미론적 요소를 담은 태그가 등장했다. => 시맨틱 태그
div 태그는 특별한 기능없이 레이아웃을 나누는 용도로 사용하는데 의미는 없다.
div 태그를 대체하여 시맨틱 태그를 사용한다.
대표적인 시맨틱 태그
header : 문서 전체나 섹션의 헤더(머리말 부분)
nav : 네비게이션
aside : 사이드에 위치한 공간, 메인 콘텐츠와 관련성이 적은 콘텐츠
section : 문서의 일반적인 구분, 컨텐츠의 그룹을 표현
article : 문서, 페이지, 사이트 안에서 독립적으로 구분되는 영역
footer : 문서 전체나 섹션의 푸터(마지막 부분)
Non semantic 태그로 div와 span이 있다.
h1, strong, em, i, br 등 형태만 잡아줘도 시맨틱 태그이다.
div 대신 영역에 의미를 담아 시맨틱 태그를 사용하자!
passionate developer