TIL 9 - Semantic Web and Semantic Tag

Sementic Web and Tag

시맨틱 웹은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다.
예를 들어, <div> 태그는 non-sementic tag라고 볼 수 있고,
<table>,<article> 같은 tag들은 sementic tag로 볼 수 있다.

  • 이렇게 HTML5에서는 sementic tag를 제공하며 HTML태그의 의미를 기계가 이해하기 쉽게 해준다.

웹 2.0 시대가 시작되면서 웹에는 user들이 create하는 정보들이 너무 많아졌습니다. 이 중에는 필요한 정보도 많았지만 불필요한 정보들도 굉장히 많았습니다. 이 수많은 정보들 중에 user 원하는 필요한 정보를 찾는다는게 쉬운 일이 아니였죠.

Tim Berners-lee가 이 문제를 해결하기 위해 sementic web 을 제안했습니다.

sementic web은 user을 대신해 기계가 web의 정보를 이해하고, user에게 필요한 정보만 보여주거나 정보를 user가 필요로 하는 형태로 가공해주는 것을 의미합니다.

<div id="header"></div>  // pre sementic web
<header></header>        // post sementic web

위 example에 보이는거 처럼 기계는 id가 웹페이지의 헤더인지 알 수 없습니다. 그리고 사람들 마다 헤더를 필기하는 방법이 다를수도 있습니다. (예를 들어 'page-header')

하지만 <header> 태그를 쓰게 되면 기계도 이 태그가 웹 페이지의 헤더라는 것을 이해합니다.

Reference
https://poiemaweb.com/html5-semantic-web
https://blog.cordelia273.space/21

좋은 웹페이지 즐겨찾기