시만틱 태그란? (HTML5)

시만틱 태그?

시만틱 태그는 시만틱 웹을 만들기 위해 HTML5에서 사용하는 태그 입니다.

HTML5의 가장 큰 특징은 시만틱 태그를 쓴다는 점입니다.

Sematic : 의미론적인

의미론적인 TAG가 대체 무슨 뜻이지?

 

원래 TAG에는 의미가 있지 않았나요?

익숙해져서 까먹었나본데 시만틱 태그에서 사용중인 태그들은 대부분 div 태그의 속성이었어요.

TAG는 div가 다 해먹고 있었죠.

 

하지만 이제 태그가 의미있게 되었으니 되었으니 서로서로 이해하기 편해졌죠.

시만틱 태그	설명
header	그 헤더임
nav	네비게이션
aside	사이드 공간임
section	가운데 컨텐츠를 감싼 컨테이너 같은 영역.
article	글자가 많이 들어간 위치
footer	푸터. 맨 아레에 위치한 영역으로 소개나 회사 이름 같은게 쓰여진 공간.

이미지화하면 아래와 같이 나와요. 요즘은 왠만하면 이 구조입니다.

 

위키백과에서는 아래와 같은 설명을 하고 있습니다. 더 간단해졌죠?

위키백과에서 발췌한 내용

 

 

좀 더 어려운 이야기

시만틱 웹은 아래의 기술들로 구성됩니다.

1. 명시적 데이터  : 메타데이터와 추론에 필요한 규칙등을 XML, RDF와 같은 언어 기술을 통해 표현한다.
2. 온톨로지 : 지식 표현기술, 데이터의 의미와 관계 정보를 체계적으로 표현한다.
3. 논리적 추론 : 온톨로지와 함께 결합된 관계 정보들로부터 새로운 정보를 도출해 내는 것을 가능하게 한다.

시만틱 웹이 추구하는 것.

: 자동화된 기계가 해석할 수 있는 의미정보 교환의 수단이 되는 것이 시맨틱 웹의 목적이라고 위키백과는 나타내고 있다. 
확실히 봇에 의한 활동은 시만틱 웹이 아니면 불가능하다.

 

 

이걸 왜 쓰죠?

1. 컴퓨터에게 내용의 구조를 전달하기 때문에 구조를 남기기 쉽습니다.
(컴퓨터가 이해하기 쉽다는 이야기는 작성자가 아닌 사람이 파악하기 쉽다는 뜻도 됩니다.)
이를 통해 정보를 자동화하기 쉽고 검색대상에게 보다 나은 정보를 전달 할 수 있습니다.

2. 사람도 구조를 이해하기 쉽습니다. 

 

 

레퍼런스

시만틱웹 위키백과 : https://ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC%9B%B9