what is Semantic Web?
시멘틱 웹이란 의미론적 웹 이라는 뜻으로, 방대하 웹페이지에서 제공되는 지나치게 많은 정보를 사람이 직접 파악하고 해석하는 대신, 기계가 파악, 해석할 수 있는 형태로 가공하여 관리하는 기술입니다.
How to create Semantic Web?
이러한 시멘틱 웹을 구축하기 위해서, 웹페이지에 게시되는 데이터들은 컴퓨터와 사용자 모두가 읽을 수 있는 형태로 데이터의 정체에 대해 기술해 주어야 합니다.
이를 위해 존재하는 것이 시멘틱 태그입니다.
Semantic Tag
시멘틱 태그란 데이터가 담고 있는 용도와 뜻을 컴퓨터와 사용자 모두에게 명확하게 제시하기 위해 사용되는 태그입니다.
예를 들어, ＜div clsss="header"＞나 ＜span class="navigation"＞과 같은 태그로 정의된 데이터는 클래스 네임을 통해 사용자가 구분할 수 있으나, 컴퓨터는 해당 데이터의 정체를 인식하지 못합니다.
반면 ＜header, ＜nav＞와 같은 시멘틱 태그를 활용하면 컴퓨터와 유저 모두에게 가독성 높은 정보를 제공할 수 있습니다.
Background-image: vs ＜img＞
마찬가지로, css 페이지에서 font-size나 font-weight를 통제하여 텍스트의 일부를 강조할 수도 있지만 ＜h1>태그를 이용해 사람과 컴퓨터가 모두 데이터의 정체를 파악할 수 있도록 하는 쪽이 보다 편리합니다.
다른 예시로는 css 에서 background-image를 삽입하는 것과 ＜img> 태그로 이미지를 삽입하는 방법이 있습니다. 두 가지의 방법 모두 사람에게 이미지라는 데이터를 제공하지만, ＜img>라는 태그를 통해 이미지를 삽입하는 쪽이 컴퓨터에게 더 친절한 방식입니다.
이러한 방식으로 구축된 시멘틱 웹은 궁극적으로 검색엔진 에서의 효용성 증가와 같은 방식으로 유저에게 더 나은 웹 환경을 제공합니다.
