시멘틱 웹

시멘틱

코드 조각의 의미

1. 이 HTML 요소가 가진 목적이나 역할은 무엇일까?
   • <header> : 사이트 전체의 머리글
   • <footer> : 사이트 전체의 바닥글
   • 그 밖의 의미론적 요소
2. 이 CSS 요소가 어떻게 시각적으로 보일까?
3. 이 Javascript의 문장을 실행하는 것은 웹 상에서 어떤 효과가 있을까?

시멘틱 웹이란?

1. 의미론적 웹 : 인터넷같은 분산환경에서 리소스 웹문서, 파일, 서비스 등 에 대한 정보와 자원 사이의 관계-의미 정보 Semanteme를 자동화된 기계가 처리가능한 온톨리지 형태로 표현하는 프레임워크, 기술

2. 웹에 있는 기존 콘텐츠 및 데이터에 추가적인 데이터 설명자를 더한다

3. 컴퓨터가 정보를 처리하는 방식과 유사하게 의미 있는 해석이 가능해진다

시멘틱 웹의 목표

시멘틱 웹이 생긴 배경

• 웹 상에 축적된 정보가 너무 많아져서 키워드에 대한 정보접근만을 허용했는데
• 정보 검색할 때 무수히 많은 불필요한 정보도 나와서 정보홍수를 가중한다
• 이에 컴퓨터가 근본자원의 의미를 이해하지 못해 → 필요한 정보를 스스로 추출, 해석, 가공 할 방법이 없어서 사용자가 모든 정보를 직접 처리했었다

1. 기존 웹을 넘어서, 컴퓨터가 이해할 수 있게 잘 정의된 의미를 기반으로 의미적 상호운용성 을 실현하여
2. 다양한 정보자원의 처리 자동화, 데이터의 통합 및 재사용 과 같은 작업을 컴퓨터 스스로 수행 하도록 하는 것이다

의미적 상호운용성

시멘틱 웹 기술 & 표준의 구성요소

1. 명시적 메타데이터

메타데이터와, 추론에 필요한 규칙 등을 → XML, RDF와 같은 언어기술을 통해 표현한다

XML : eXtensible Markup Language
RDF : REsource Description Framework

2. 온톨리지 (ontologies)

온톨리지라는 지식표현기술을 이용해서 → 데이터의 의미와 관계정보를 체계적을 표현했다

3. 논리적 추론

온톨리지와 함께 결합된 관계 정보들로부터 새로운 정보를 도출하는 것이 가능하다

시멘틱 태그의 활용

이미지를 나타내는 방법

<img>
<div style="background-imag: url('#');">

두 코드의 차이는 이미지를 출력할 수 없을 때의 대체텍스트의 유무이다

<img>

이미지 자체가 가지는 의미를 대체텍스트로 표현하고 불릿같이 의미가 없는 이미지는 대체텍스트에 빈 문자열을 넣는다

background-image 속성

이미지를 출력하지 못하는 경우 대체텍스트도 안내보내고 그냥 화면에 아무것도 내보내지 않는다
그래서 보통background-image 속성을 사용할 때에는 background-color를 같이 쓰도록 하는 것 같다