Semantic Web 이란?

현재의 컴퓨터처럼 사람을 위한 웹이 아닌, 컴퓨터가 이해할 수 있는 웹을 말한다.
컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현해 기계들끼리 서로 의사소통을 할 수 있는 지능형 웹이다.

원리

정보 자원들 사이에 연결되어 있는 의미를 컴퓨터가 이해할 수 있는 형태의 언어로 표현. 컴퓨터가 정보 자원의 뜻을 해석 하고, 기계들끼리 서로 정보를 주고받으면서 자체적으로 필요한 일을 처리 진행

Semantic Web에서는
특히 'non-Semantic Tag'와 'Semantic Tag'의 차이가
두드러진다.

Semantic Tag 란?

컴퓨터가 정보를 이해하고, 논리적인 추론까지 할 수 있는 구조를 만들기 위해 추가된 태그를 말한다.

종류

non-semantic tag : <div> <span>
semanitc tag : <form> <table> <article> <aside> <header>

non-semantic tag : 개발자가 의도한 요소의 의미 명확하게 나타내지 않음
semanitc tag : 개발자 의도한 요소 포함 및 가독성 높이고 유지보수 용이

예시

<!--예시 1-->
<font size="6"><b>나는 제목 입니다.</b></font>

<!--예시 2-->
<h1>나는 제목 입니다.</h1>

보여 지기에는 똑같은 결과를 나타내지만,
예시2는 semantic tag를 사용했으므로 더 많은 의미를 내포하고 있음.

Assignment

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."

• img태그를 사용시 alt속성에 문자열 삽입 가능
  (alt속성 문자열은 meta정보로 SEO에 노출되는 용도로 사용이 가능)
• div background-image의 경우 이미지 첨부일 뿐, 어떠한 정보 포함 X

단순 장식 -> div background-image

검색 노출 및 의미 부여 -> img태그