[WEB] Semantic(의미론적인) Web

[WEB] Semantic(의미론적인) Web

 

Semantic Web이란?

 

 

시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술이다. 웹의 창시자인 팀 버너스리가 1998년 제안했고 현재 W3C에 의해 표준화 작업이 진행 중이다. -위키백과

 

 

한 사이트에서는 이렇게 정의해 놓았다.(https://poiemaweb.com/html5-semantic-web)

 

 

시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상

 

즉 간단하게 말하면 시맨틱 웹이란 요소의 의미에 맞게 HTML 코드를 작성한 웹이다. 예시를 들어서 살펴보자.

 

 

기존의 웹

 

<div id="header"> header</div>

 

컴퓨터가 의미론적으로 해석할 수 있는 메타데이터 보다는 사람이 이해할 수 있는 메타데이터가 주가 됨.

 

 

Semantic Web

 

<header> header</header>

 

컴퓨터와 사람이 모두 이해할 수 있는 의미론적인 데이터로 코드를 작성함.

 

 

 

장점

 

- 컴퓨터가 HTML 요소의 의미를 명확하게 인식함으로써 해당 데이터를 활용할 수 있게됨.

- 코드의 가독성을 높이고 유지보수가 쉬워짐.

- HTML의 semantic 요소를 해석하는 검색 엔진에 보다 의미론적으로 문서정보를 전달할 수 있음.

- 검색엔진 또한 시맨틱 요소를 이용하여 보다 효과적인 크롤링과 인덱싱이 가능해짐.

 

 

HTML 요소

 

Semantic 요소	Non-semantic 요소
form, table, img 등이 있고 컨텐츠의 의미를 명확하게 설명한다.	div, span 등이 있고 컨텐츠에 대해 어떤 설명도 하지 않는 태그임.

 

 

 

 

HTML5에 새롭게 추가된 시맨틱 태그

 

Tag	Description
header	헤더
nav	내비게이션
aside	사이드 공간
section	본문의 article을 포함하는 공간
article	본문의 주내용이 들어가는 공간
footer	footer

 

 

 

 

참고

 

https://poiemaweb.com/html5-semantic-web