HTML5에서는 시맨틱 웹을 쉽게 구성할수 있도록 만들어주는 요소들이 추가되었는데, 기존에
<div id="header"> 내용 </div>
로만 나타낼수 있던 머리 부분을
<header> 내용 </header>
로 쉽게 더 의미론적으로 나타낼수 있게 되었다.이는 div와 id=header 모두 읽었던 예전 XHTML이나 HTML4보다 훨씬 효율적이라고 볼수 있다.
즉. 의미 없는 단순한 요소(Non-Semantic Element)로 구성된 웹 사이트와는 달리, Semantic Web은 Semantic Element로 작성되어있기 때문에
검색 엔진의 웹 크롤러(Web Crawler)가 웹 사이트에 대한 정보를
비교적 정확히 수집・분석할 수 있게 되어, 최적의 검색 결과를 도출하는 것에 큰 도움을 준다.
Semantic Web을 구축할 때 사용하는 HTML 태그가 바로 Semantic Tag이다.
만약 header, footer, nav 등을 나타낼 때, 시맨틱 태그를 사용하지 않으면 <div id="header">, <div id="footer">, <div id="nav">
와 같이 id나 class의 이름을 추가하여 작성할 수 있다. 이렇게 코드 작성을 하면 가독성이 떨어지고, 코드의 재사용이 힘들다.
Semantic Tag는 아래 링크에서 확인할 수 있다.
https://www.w3schools.com/html/html5_semantic_elements.asp