SEMANTIC WEB, TAGS

📔Semantic Web 의 사전적 정의

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

📜Semantic Web 의 발전 과정

과거의 웹 문서는 많은 정보를 담지 못했다.
예를 들어서 웹 사이트에 대한 설명을 넣고 싶었다면 div 태그에 직접 웹사이트에 대한 설명을 넣는것 외에는 방법이 없었다. 하지만 meta태그를 이용해 다양한 설명과 이미지, 파비콘 등을 지정할 수 있게 되면서 웹 문서에 담을 수 있는 정보들이 늘어났다.

그렇게 2세대가 시작될때는 사용자가 생산하는 정보의 양이 너무나도 많아졌고, 이러면서 유익한 정보고 많았지만 쓸데없는 정보도 너무 많았다. 결국 이러한 문제점을 해결하고자 웹의 창시자 '팀 버너스 리' 가 '시멘틱 웹'의 개념을 제안하게 되었다.

시멘틱 웹은 여기서 더 나아간 것으로 웹 문서에 더 많은 정보들을 담을 수 있고, 웹 문서를 크롤링해가는 검색 엔진 로봇들에게 더 많은 정보를 알려준다.

ex)
<div id="header"></div> //과거의 header
<header></header>       //현재의 header

이처럼 header라는 태그를 사용해서 웹 사이트의 헤더를 정의해주면 기계도 이 부분이 웹 페이지의 헤더라는 것을 이해할 수 있다

🙋‍♂️ Semantic Web 1줄 정리!

기계가 이해할 수 있는 형태의 웹!

📔 Semantic Tag ?

시맨틱 태그는 의미가 있는 태그를 만한다. HTML 태그를 통해 웹 문서를 작성할 때 좀 더 의미 있는 태그를 사용함으로써 정확하게 정보를 전달하고 웹 문서의 구조를 쉽게 파악할 수 있도록 한다. 이는 협업에서 굉장히 좋은 영향을 끼친다. 또한, 검색 엔진은 웹 사이트의 HTML 태그들을 분석하여 사용자가 원하는 정보를 노출시키기 때문에 굉장히 중요하다.

📔 Semantic Tag 의 종류

• header : 보통 웹 문서의 소개를 위해 사용된다. 제목, 로고, 검색, 내비게이션 등을 포함시킬 수 있다.
  
  
• nav : 현재 페이지에서 다른 페이지의 탐색을 돕는 내비게이션 역할을 한다.
  
  
• section : 웹 문서 내의 구획을 나눠 콘테츠를 작성할 때 사용된다.
  
  
• article : section은 구획을 나눌 때 사용된다면 article은 실제 콘텐츠를 담는다.
  
  
• aside : 본문의 내용과 연관된 내용을 담는다.
  
  
• footer : 웹 문서의 가장 아래에 작성자, 저작권 정보, 연락처, 주소 등을 담습니다.
  
  
• details : 사용자가 보거나 숨길 수 있는 추가적인 세부 정보를 정의 한다.
  
  
• main : 문서의 주가 되는 컨텐츠를 정의한다.
  
  
• summary : details에 대한 보이는 요소를 정의.