시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.
non-semantic 요소: 자신의 컨텐츠에 대해 아무것도 설명해주지 않는다.
<div>와 <span>
semantic 요소: 자신의 컨텐츠를 명확하게 정의한다.
<form>, <table>, <article>
div class="header"가 아니라, header와 같이 뜻이 명확한 태그를 제공하기 때문이다.