Semantic web, Semantic tags

1. Semantic web 이란?

   사전적으로는 ‘의미론적인 웹’ 이라는 뜻.

   웹 기술이 발전하면서 수많은 정보들이 축적되었는데, 무분별한 정보의 축적으로 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 사용자가 직접 개입해 처리해야 하는 문제가 발생.

   그래서 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 semantic web 이다.

• 구성요소: RDF, XML(대표적으로 HTML), ontology, agent

​

2. Semantic tag 란?

   정보를 찾기 위해 사람이 직접 개입해야 하는 비효율적인 시스템을 개선하고자 의미있는 태그들을 개발하기 시작.

   1)non-semantic tag 와 semantic tag

   div, span 등의 태그는 content에 대한 설명이 없으나 form, table, img 등의 태그는 content 의미를 명확히 설명하고 있다.

   2)효과적인 검색 가능

   의미 있는 tag의 등장으로 기계는 정보를 효과적으로 받아들일 수 있게 됨.

   사람이 원하는 정보를 tag의 의미를 통해 더욱 정확하게 제공할 수 있게 됨.

​

3. img vs div background-image

   1)img

   alt 속성에 문자열 삽입 가능.

   alt 속성에 작성된 문자열은 meta 정보가 되며, 검색 엔진은 그 문자열을 인식하게 된다.

   2)div background-image

   단순한 이미지 첨부일 뿐, 어떤 정보도 담지 않는다.

​

결과적으로

내 이미지가 사용자의 검색에 노출되어야 한다거나 페이지에서 중요한 역할을 하는 경우, 또는 프린트 했을 때 출력되어야 하는 경우에 img 태그를 사용하는 것이 좋으며,

이미지의 활용이 순수하게 사이트의 장식을 위해서라면 background-image를 사용하는 것이 좋다.