시맨틱 웹은 의미론적인 웹이라는 뜻으로 컴퓨터가 웹사이트를
단순한 코드가 아닌 의미를 가진 사이트라는 것을 알 수 있게 만드는 것이다.
그리하여 컴퓨터가 웹상에 축적된 방대한 양의 데이터를 이해하고 처리해
사용자가 원하는 결과를 정확히 전달할 수 있게 된다.
시맨틱 태그는 의미를 가진 태그라는 것을 알게 해준다.
div로 만든 웹과 결과 화면만 비교해보면 보이는 모습은 똑같다.
그렇지만 왜 시맨틱 태그를 사용해야 할까?
1.검색 엔진 최적화(SEO)
검색을 하면 검색엔진이 html 태그를 분석하게 되는데 이때
이 태그가 의미가 있는 데이터인지 아닌지 구분하기 쉬워진다.
2.유지보수 & 가독성
코드가 길고 모든 태그들이 div로 구성되어 있다면 headr, footer 등을
한눈에 알아보기 힘들고 지저분하게 보인다. 딱 봤을 때 특정 부분이 어떤 의미를
가지고 있는지 알아보기 위해서는 시맨틱 태그를 사용하도록 하자.
시맨틱 태그의 종류
- headr : 웹 사이트의 상단 영역을 의미한다.
- article : 웹 사이트의 본문 중 주 내용이 들어가는 영역을 의미한다.
- figure : 웹 사이트의 본문 내용 안에 첨부자료(사진,그래프 등) 영역을 의미한다.
- footer : 웹 사이트의 하단 영역을 의미한다.
- 등등 ...