우리는 우리가 모르는 정보가 있을 때 자연스럽게 인터넷에 모르는 것들을 검색해서 해답을 찾는다. 하지만 방대한 데이터 속에서 필요한 정보를 찾기란 쉽지 않다. 검색엔진은 키워드 중심으로 정보를 탐색하기 때문에 원하는정보를 얻기 위해서는 사용자가 직접 개입해야하는 부분은 불가피하다. 이러한 문제를 해결하기 위해서 나온 웹기술이 바로 시맨틱 웹이다.
웹페이지에 메타데이터(metadata)를 부여하여, 해당 웹페이지가 어떤 페이지 인지 시맨틱 태그만으로도 알려줄 수 있다.
HTML5에서 시맨틱 웹을 쉽게 구성할 수 있도록 만들어주는 요소를 말한다.
기존의 태그의 형태와 동일하지만 검색엔진 로봇이 웹페이지를 크롤링할 때 이 요소를 보고 키워드 정보를 파악하게 된다.
시맨틱 웹 관점에서 img 태그를 쓰는 것이 div 태그에 background-image 속성 추가한 것보다 이런 면에서 좋다
1. img태그가 시맨틱 태그이므로 검색 엔진 최적화
2. 스크린리더가 이미지로 알기 때문에 웹 표준 접근성에 좋다
3. css가 아닌 html에서 이미지로 처리하기 때문에 상대적으로 로딩이 빠르다