HTML5 시맨틱 웹(Semantic Web)

HTML5 Semantic Web

 

 

Semantic Web?

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

쉽게 설명하면 단순히 코드가 나열된 웹 페이지가 아닌 컴퓨터가 알 수 있는 의미를 가진 웹이라는 것이다.

컴퓨터가 웹에 있는 방대한 정보를 가져와 추론하여 원하는 사용자가 원하는 결과를 받아볼 수 있다.

 

HTML5 에서의 Semantic Web

기존 HTML4에서 HTML5로 변화될때 가장 큰 차이점이 바로 Semantic Tag(구조적인 태그)가 추가 되었다는 것이다. header, nav, article, section, aside, footer 태그가 새롭게 추가되었다.

예를 들어, 기존에 이 코드가

<div class"header">헤더!</div>

다음과 같이 쓸 수 있게 된다.

<header>헤더!</header>

 

결론

Semantic Tag를 사용하게 된다면 개발자의 입장에서 <div> 투성이인 코드보다 웹 페이지의 구조를 한눈에 파악하기 좋다. 또한 검색 엔진 최적화(SEO) Semantic Tag는 매우 중요한 역할을 차지하고 있기 때문에 오늘날 웹 개발자라면 <div> 보다는 Semantic Tag를 사용하고 이러한 의미론적인 구조로 코드를 작성하는 방법을 익혀야된다고 생각한다.