Semantic Web & Semantic Tag

Beom·2022년 3월 29일
0

Semantic Web

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

출처:위키피디아

정리해보자면 웹상의 다양한 정보들 사이의 관계와 의미를 기계가 처리할 수 있는 언어로 표현하고 처리할 수 있도록 하는 기술이다

등장배경

웹에 존재하는 정보의 양이 점차 많아짐에 따라 어떠한 정보를 검색하였을 때 불필요 하거나 연관성이 적은 정보들이 검색되며 불편함을 증가시켰다. 이에 단순히 웹의 정보를 파악하는 것이 아닌 자동화된 기계가 그 의미를 해석하고 정보간의 관계를 이해할 수 있도록 해주는 시맨틱웹이 등장하게 된다

장점

시맨틱 태그를 활용하여 시맨틱웹을 구축하게 되면 크게 3가지 장점이 있다
1. 정보에 대한 접근성이 좋아진다
2. 정보의 가독성이 좋다
3. 검색 엔진 최적화가 가능하다

Semantic tag

시맨틱웹에서는 시맨틱태그를 활용하여 의미 부여를 가능하게 해준다
시맨틱태그는 HTML 요소의 의미를 보다 정확하고 명확하게 해석하며 데이터를 활용할 수 있는 시맨틱 웹을 실현 가능하게 해준다
나아가 의미를 가지게 되면서 보다 사이트에 대한 정보를 비교적 정확하게 제공할 수 있다

시맨틱 태그의 종류

nav, header, section, article, aside 등이 있다
과거에는 div 태그를 사용하여 표현을 했다면 <div id="header"></div>
시맨틱 태그를 활용한다면 <header></header>로 표현이 가능하다

반대로 Non-Semantic 요소는 무엇일까?

내용에 대한 어떠한 설명도 하지 않으면 예시로는 div, span 이 있다

사이트에 이미지를 넣는 방법은 두 가지가 있다
태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것
두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋을까?

  1. img 태그 사용
  • 이미지 태그를 사용하면 해당 이미지에 대한 정보를 담을 수 있으며 검색 엔진에 노출이 되며 시맨틱웹을 구축할 수 있다
  1. 속성 추가
  • 단순히 배경을 채우기 위한 용도로 사용하면 된다

0개의 댓글