1. Semantic Web 이란 무엇인가?
Semantic Web 이란 "의미론적인 웹이라는 뜻으로 현재의 인터넷과 같은 분산호나경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보를 컴퓨터가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계가 처리하도록 하는 프레임워크(framework) 이자 기술이다.
출처: wikipdia
사실 이렇게 정의만 읽고서는 잘 와닿지 않는다. 그렇다면 기존의 웹과 semantic web(의미론적인 웹)의 차이점을 통해 좀 더 이해도를 올려보자.
기존의 웹은 그 데이터가 인간을 위한 정보였다. 해당 정보의 이해주체는 인간이 되는 것이다. 예를 들어
<p>원숭이 엉덩이는 빨게, 빨간 것은 사과</p>
라는 html 요소는 인간만이 '원숭이 엉덩이가 빨간것이고 빨간것은 또 사과라는 것이 있다'라고 이해할 수 있는 데이터인 것이다.
하지만 컴퓨터의 경우 해당 html 요소는 말 그대로 한 줄 의 html 정보 일 뿐이다.
따라서, W3C에서는 컴퓨터나 기계장치가 해당 정보에 대한 인간적인 의미파악과 정보처리를 할 수있는 프레임워크와 기술을 비젼으로 삼은 것이다.
2. Semantic Tag 란 무엇인가?
Semantic tag는 Semantic Web을 추구하기 위해 HTML5에서 새롭게 개발된 html 요소라고 할 수 있다. 기존에는 <div class="footer"> 라고 표현할 html을 semantic tag <footer> 를 사용해 대체할 수 있다.
semantic tag에는 <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time> 등이 있다.
그렇다면 다음과 같은 질문엔 어떤 설명이 알맞을까?
"사이트에 이미지를 넣는 방법은 두 가지가 있습니다.
<img>태그를 사용하는 것과<div>태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."
일단 첫번째로 <img> 태그는 그 의미적으로 웹페이지 상의 contents와 관련된 이미지를 구현할 때 쓰는 것이 알맞다고 할 수 있다. 너구리에 대한 <article>을 사용하였다면 너구리에 관련된 visual aid역할로서 사진을 구현할때 <img>태그를 사용하는 것이 더 적합하다는 것이다.
<div>태그에 background-image 속성을 추가해서 웹페이지에 이미지를 구현하는 방법은 background-image라는 속성의 의미 그대로 해당 <div>태그의 '배경'이미지를 구현하고자 할 때 사용하면 되겠다.
