[html]Semantic Tag and Web

Semantic과 non-semantic은 결국 무엇인가의 의미를 알 수 있는 지에 대한 유무로 나뉜다.

예를 들어보자.

HTML 태그 중 div 나 span 같은 경우 태그 내의 컨텐츠를 보지 않는 이상, 무슨 내용인지 모르며 의미를 찾기 힘들다.

header 같은 태그는 내용을 보지 않아도 제목 또는 머릿말 따위의 내용이 들어 가 있을 것이란 추측을 할 수 있으며 의미 있는 태그이다.

또 웹페이지에서 이미지를 삽입 할 때 두 가지 방법이 있는 데 하나는 semantic tag인 img 태그를 이용하는 방법이고 또 다른 하나는 div 태그에 background-image를 css로 스타일링하는 방법이다. 후자는 기계입장에서는 div라는 태그 하나로 내용을 추측할 수 없으므로 non-semantic tag로 분류 될 수 있다.

그렇다면 도데체 이 의미의 유뮤가 무엇이 중요한가?
semantic tag로 잘 정리 된 웹사이트인 semantic web은 기계가 이해 할 수 있는 데이터로 처리 된 웹이며, 그 내용들은 기계가 인터넷 상에서도 검색 할 수 있으므로 전 세계의 웹과 인류의 관점에서 의미 있는 정보의 장이 된다. 반면에 non-semantic tag을 남발하는 웹페이지는 기계 입장에서 처리 할 수 없기도 하고 검색도 힘들터이니 정보를 공유하려는 인류 및 기계에게 별 의미 없는 쓰레기 데이터 일 뿐이다.

고로 semantic tag을 써서 의미있는 semantic web을 만들도록 노력하고 인류에 기여를 하자.