기계가 사람을 대신해서 웹 페이지의 정보를 이해하고, 우리에게 필요한 정보만 보여주거나 정보를 가공해서 우리가 필요로 하는 형태로 가공해주는 것을 의미합니다.
시맨틱 태그들을 사용하면 기계들도 이해할 수 있지만, 다른 개발자들도 어디가 메인인지, 네비게이션인지 쉽게 이해할 수 있습니다.
출처: https://blog.cordelia273.space/21 [세상의 모든 지식]
시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.
non-semantic 요소들의 예: div와 span - 자신의 컨텐츠에 대해 아무것도 설명해주지 않는다.
semantic 요소들의 예: form, table, article - 자신의 컨텐츠를 명확하게 정의한다.