Semantic Web과 Semantic Tag
semantic: 의미의, 의미론의
1. Semantic Web
1) 정의
- 의미론적인 웹
- 현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 파일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술
2) 등장배경
- 웹 기술은 정보표현과 전달에 간편한 방법을 제공하여 인터넷이 실생활까지 확산되는 기폭제 역할을 함
- 그러나, 웹상에 축적된 정보가 방대해 짐에 따라 많은 문제에 봉착하게 됨
- 웹 기술은 축적된 방대한 데이터에 대하여 키워드(keyword)에 의한 정보 접근만을 허용하고 있어, 정보 검색시 무수히 많은 불필요한 정보가 발생
- 또한, 컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어, 모든 정보를 사용자가 직접 개입해서 처리하여야 하는 문제가 있음
- 이러한 문제들의 근본원인은 컴퓨터가 정보자원의 의미를 이해하지 못하는데 원인이 있음
2. Semantic Tag
Semantic elements 와 Non-semantic elements
- Semantic elements인
<form>
, <table>
, <article>
같은 경우에는 태그의 내용에 대한 명확한 의미를 담고 있다.
- Non-semantic elements인
<div>
, <span>
같은 경우는 태그의 내용에 대하여 아무런 의미를 담고 있지 않는다.
3. <img>
와 <div>
에 background-image 속성의 차이
<img>
를 사용해야 하는 경우
- 페이지를 인쇄할 때 이미지가 기본 값으로 포함되기를 원하는 경우
- 이미지가 의미론적으로 중요한 의미를 가질 때 대체 텍스트(alt text)와 함께 사용
- 이미지가 로고나 다이어그램 또는 사람과 같은 콘텐츠의 일부인 경우
- 브라우저 크기 조정을 사용하여 텍스트 크기에 비례하여 이미지를 렌더링 하는 경우
- 배경에서 애니메이션 성능을 크게 향상시켜야 하는 경우
<div>
에 background-image 속성을 사용해야 하는 경우
- 페이지를 인쇄할 때 이미지가 기본 값으로 포함되기를 원하지 않는 경우
- 이미지가 컨텐츠의 일부가 아닌 경우
- 텍스트의 이미지를 바꿀 때
- 다운로드 시간을 개선해야 하는 경우
- 이미지의 일부만 표시해야 하는 경우
- 전체 창을 채우도록 배경 이미지를 늘릴 경우