Semantic Web
시멘틱 웹(Semantic Web) 이란?
웹에 존재하는 수많은 정보, 데이터에 관해 명확한 의미를 담아서 필요한 정보들만 빠르고 쉽게 사용 할 수 있도록 만들어진 차세대 지능형 웹이다.
데이터에 대한 정보 또는 의미가 담겨있어 검색엔진(SEO)의 기능을 더욱 좋게해준다.
- 기존 월드 와이드 웹(www)의 확장에 대한 비전으로써, 웹을 수많은 데이터들의 저장소로 활용하기 위해 만들어졌다.
- 네트워크를 통한 수많은 정보들을 연결하여 컴퓨터(기계)가 이해하기 쉽도록 함으로서 사람을 대신하여 정보를 읽고, 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 하는데 의의를 두고있다. 따라서, 기본적으로 컴퓨터, IoT 기기, 휴대폰 또는 정보에 접근하기 위해 일반적으로 사용되는 어떠한 기기에서도 기계에 의해 쉽게 읽을 수 있는 네트워크를 이용한 정보 연결을 허용한다.
- 찾고자 하는 정보를 필요할 때 즉각즉시 제공해주는 것이 기본적인 개념이다. 인터넷에 있는 수많은 정보들은 유용하지만, 임의의 정보가 모든 관점에서 필요로하는 상황은 아니라는 것이 핵심이다.
- 대부분의 데이터가 양식을 사용하여 생성되었다가 HTML로 변환되기 때문에 모든 데이터를 항상 모든 사람이 관리하는것은 사실상 불가능하다. 시멘틱 웹은 이러한 정보의 용도를 변경되는 것을 가능하게 하여 모든 사람들에게 더 유용하게 만든다.
Semantic Tag
시멘틱 태그(Semantic Tag)란?
말 그대로 의미를 담고있는 태그로서 시멘틱 웹을 구축하는데 있어서 시멘틱 HTML을 구성하는데 사용되는 태그를 의미한다.
반대의 속성을 가진 태그를 Non-Semantic Tag 라고 한다.
Semantic Tag 와 Non-Semantic Tag의 대표적인 예시
- Semantic Tag : <header>, <footer>, <img> 등이 있고 이와같이 태그 자체만으로 어떤 태그인지 정보를 담고있어서 의미를 명확하게 전달해 줄수있다.
- Non-Semantic Tag : <div>가 대표적인 논 시멘틱 태그의 예이다. id나 클래스 값을 부여해서 자체적으로 의미를 알 수 있지만 태그를 읽는 컴퓨터 입장에서는 단순하게 컨텐츠를 묶음으로 나눈다는 것뿐 어떤용도로 쓰이는지 알수가 없기 때문에 모든사람에게 정보를 제공하기에는 한계가 있다.
<img> vs background-image
이 두가지의 공통점은 웹에서 이미지를 보여주는데 사용된다는 것이다.
하지만, 이미지태그는 시멘틱태그로 자체적으로 ‘이것은 이미지’라는 의미를 담고 있고 ‘alt’ 속성을 활용 하여 해당 이미지에 대한 더 자세한 정보를 담을 수 있는 장점이 있다.
백그라운드 이미지는 그렇지 않기 때문에 자체적으로 의미를 갖고 있지않아 주로 데이터나 담고있는 정보가 따로 없이 디자인 적인 요소로만 사용이 될 때 주로 사용한다.
Work hard, Play hard