Semantic Web과 Semantic Tag

• 검색엔진은 로봇이라는 프로그램을 이용해, 매일 전세계의 웹사이트를 수집하는 크롤링을 실시하고 그 정보를 인터넷 이용자가 알기 쉽도록 인덱싱을 실시한는데 그때 컴퓨터가 읽는 정보가 시멘틱요소이다. 다시 말해 시멘틱요소를 사용해 잘 만들어 놓은 웹페이지 일 수록 콘텐츠의 의미를 정확히 읽을 수 있다.

Semantic Web

시멘틱 웹이란 - 사람이 읽고 해석하기에 편하게 만들어진 웹 대신에, 컴퓨터가 이해하기 쉽도록 새로운 언어로 표현해 기계들 끼리, 서로 의사소통을 할 수 있는 지능형 웹이다. 더욱 나아가 이 시멘틱 웹을 통해 컴퓨터가 정보자원의 뜻을 해석하고, 기계들 끼리 서로 정보를 주고받으면서 자체적으로 필요한 일을 처리하는 것이 가능해 진다.

Semantic Tag

시멘틱 태그란? - 시멘틱 웹을 구성하고 있는 의미를 가진 태그를 의미한다.

그럼 div태그를 사용해 background-image를 사용한거와 img 태그를 사용한 것의 차이는 무엇인가?

간단히 말해서 시멘틱 태그를 사용해서 구성한것과 아닌것의 차이이다. html 태그에는 div, span 과 같은 아무의미가 없는 태그와, from, table, img 등과 같은 content의 의미를 설명하고 있는 태그가 있다.
div 태그를 사용해서 사진을 구현하는것과, img 태그를 사용해 실행시켜서 보여지는 결과물에 대해서는 별 차이가 없다. 하지만 컴퓨터가 크롤링을 통해 정보를 얻으려고 한다면, 시멘틱 태그인 img를 사용해 사진을 구현했을 때 더욱 의미파악이 쉽고, 데이터를 추출 하는데 더욱 효율적이다.

정리

- HTMl 태그인 img 태그와 div태그에 CSS 태그 background-image를 추가하는 것은 웹브라우저에 보여지는 시각적인 부분은 별 차이가 없다. 하지만 이미지에 대한 정보를 담아 검색엔진에 노출되는 이미지를 구현하기 위해서는 시멘틱태그를 적재적소에 사용해야 한다.