Semantic Web과 Semantic Tag

장주성·2022년 12월 5일
0

html/css

목록 보기
1/1
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 속성을 사용해야 하는 경우

  • 페이지를 인쇄할 때 이미지가 기본 값으로 포함되기를 원하지 않는 경우
  • 이미지가 컨텐츠의 일부가 아닌 경우
  • 텍스트의 이미지를 바꿀 때
  • 다운로드 시간을 개선해야 하는 경우
  • 이미지의 일부만 표시해야 하는 경우
  • 전체 창을 채우도록 배경 이미지를 늘릴 경우
profile
개발하는 개발자

0개의 댓글