시맨틱 웹은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다.
예를 들어,<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