[TIL #2] Semantic Web과 Semantic Tag

Semantic Web 이란?

• 정보에 사용자가 개입하지 않아도 기계가 직접 읽고 처리할 수 있는 웹을 개발하고자 하여 탄생한 것이 Semantic Web이다.
• RDF(resouce Description Framework), XML(eXtensible Markup Language) 등과 같은 데이터 표준이 이에 해당한다.

Semantic Tag 와 non-semantic Tag 비교

• semantic tag란 말그대로 "의미있는 태그"로서 header, nav, article, footer, table 등과 같이 의미를 확실하게 가리키는 태그들을 말한다.
• non-semantic Tag란 div, span등과 같이 의미보다는 id나 class값을 부담없이 활용하기 위한 도구라 생각하면 편할 것 같다!

Semantic Tag를 실제 활용해 보자

▶img vs backgroung-image

사이트에 이미지를 넣는 방법은 두 가지가 있다.

img 태그를 사용하는 방법

<img src="" alt="">

alt속성에 작성된 문자열은 의미있는 정보가 되어, 검색엔진은 alt속성에 지정된 문자열을 인식하게 된다.

background-image 속성을 추가하는 방법

<div class="picture"></div>

<style>
.picture{ background-image: url(); }
</style>

단순한 이미지 첨부일 뿐, 어떠한 정보도 담지 않는다.