Semantic Web이란
Semantic Web을 한글로 해석하면, "의미론적인 웹"이라는 뜻이다.
Semantic Web은 기존의 코드들이 가진 문제점을 보완하기 위해 구상되었다. HTML에서 흔히 쓰이는 'div', 'span' 과 같은 태그들은 바로 보았을때 어떠한 기능을 하기 위해서 쓰이는 태그들인지 알기 어렵다. 그런 불편함들을 바탕으로 태그들이 의미와 기능을 결합한 형태로 바뀌게 되었다. 이런 태그들을 Semantic Tag라한다.
Semantic Tag
기계가 읽을 수 있고, 사람도 쉽게 의미를 알 수 있는 태그
Semantic Tag가 의미론적인 태그라는 뜻이다 보니, 태그 자체가 정보를 지니고 있어야한다. 예시로는 'header', 'footer', 'img', 'table'등이 있다.
이중에서 img 태그를 살펴보자.
의미론적 태그가 등장하기 전에는 개발자들이 'div'태그를 사용한 후, background-image를 이용하여 이미지를 데이터베이스에서 받은 후에 사진을 웹에 올릴 수 있었다. 이렇게 되면 단순한 명령이 되어 사진을 첨부하는 기능이외에는 어떠한 의미도 지니지 않는다. 반면에 semantic tag인 'img'같은 경우, alt태그를 이용해 이 이미지에 대해 설명을 할 수 있다. 이를 이용하여 사용자는 더욱 효과적으로 컨텐츠를 이해할 수 있게 되었다.
결론적으로, 단순하게 CSS로 웹사이트를 꾸밀때는 background-image를 써도 큰 문제가 없다. 하지만 의미있는 태그를 사용자에게 정보전달이나 기계가 읽을때에는 Semantic Tag가 훨씬 효과적일것이다.(출처: 링크텍스트)
