Semantic Web, Semantic Tags

Semantic Web은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술이다

 

Semantic Tags는 div나 span과 같이 의미가 없는 태그는 태그 이름만 보고는 어떤 내용인지 전혀 유추할 수가 없는 반면, form, table, article 등 의미가 있는 태그로써 내용을 명확하게 정의하는 태그이다.

 

 

 html에서 이미지를 표현하는 방법은 두가지가 있다.

1. img태그로 넣기

   <img src="이미지 링크"/>​  

2. div태그로 background 속성으로 넣기

 

   { background-image: url("이미지 링크"); }.  

 

이 둘이 제대로 작동을 하고 있다면 그렇게 다르게 느껴지지 않는다 하지만 제대로 작동하지 않을 시에 다른 점이 나타나게된다.

1번의 img태그로 이미지를 표현할때 제대로 작동이 되지 않으면 경고창이 뜨게된다.

그에 반에 2번 div태그로 이미지를 표현할때 제대로 작동이 되지 않으면 아무것도 안뜨게 된다.

이 둘은 img태그의 속성때문인데, img태그는 그 자체에 '이미지'라는 의미를 가져 alt속성에 넣은 문자열을 검색엔진이 이해하여 웹에 노출시키기때문이다. div태그로 background를 이용해서 만들면 자동으로 색인화를 하지 않기 때문에 이런 차이를 발생시키게된다.