Semantic Web

Semantic 의 사전적 정의는 '의미의, 의미론적인' 입니다. Semantic Web 은 의미론적 웹을 뜻합니다. 기계가 이해할 수 있는 형태로 의미가 부여된 웹을 말합니다. 웹에 존재하는 수많은 데이터들에 메타데이터를 부여해 '의미'와 '관련성'을 가지는 거대한 데이터베이스를 구축하고자 하는 발상입니다.

Semantic Tags

웹사이트와 인터넷 사용자수가 폭발적으로 증가한 시대에서 검색엔진에 노출되는 것은 매우 중요한 일입니다. 그러기 위해 검색엔진 최적화(SEO)를 고려하는데, 이때 검색엔진이 수집하는 정보는 웹사이트의 html 입니다. html 정보만으로 의미를 해석할 수 있게 작성하는 것이 좋습니다.

예를 들어

<font size="6"><b>wecode</b></font>
<h1>wecode</h1>

위 두 코드는 동일한 결과를 보여주지만 서로 다릅니다. 첫번째 코드는 시각적인 의도만 담길 뿐 의미가 명확하지 않고, 두번째 코드는 header 의 가장 상위 레벨이라는 의미를 가집니다. 이렇게 개발자가 의도한 요소의 의미가 명확히 드러난 태그를 Semantic Tags 라고 하고, 이렇게 작성된 웹을 Semantic Web 이라고 합니다.

html 은 정보를 더 잘 전달하는 방식으로 계속 변화해 왔고, html5 에서는 article aside footer header main nav 등 부분의 성격에 따라 쓰이는 태그도 등장했습니다.

이미지를 넣어줄 경우, img 태그를 사용하거나 div 태그에 background-image 를 넣을 수 있는데, img 태그의 alt 속성 값을 검색엔진이 메타정보로 인식할 수 있으므로 단순한 장식이 아닌 검색을 고려한 이미지는 img 태그를 사용하는 게 좋습니다.