Semantic Tag
시맨틱 태그는 의미있는 태그를 말하고 콘텐츠의 의미를 명확하게 설명하는 역할을 한다.
구조에 의미를 부여하여 가독성이 좋은 코드를 작성할 수 있다.
시맨틱 태그의 장점 : 검색 엔진 최적화, 코드 관리 용이
ex) header 태그, nav 태그, footer 태그, article 태그, section 태그
Non-semantic Tag
시맨틱 태그와는 반대로
논시맨틱 태그에는 <div> <span> 등이 있지만
이 두 태그들은 영역을 묶어주는 역할은 있지만
태그 자체만으로 태그들이 어떤 컨텐츠를 보여주는지 알 수 없다.