Semantic Web 란
시맨틱 웹(Semantic Web)은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다
- 웹에 존재하는 수많은 데이터에 메타데이터를 부여하여 웹 접근성을 높였다.
메타데이터란 다른 데이터를 기술하기위해 사용되는 언어로 특정 데이터를 검색엔진으로 쉽게 찾아낼 수 있으며 데이터를 사용하는 사람의 눈에 보이지 않고, 컴퓨터가 이용함
Semantic Tag 란
Semantic Web에서 메타데이터를 주는 것이 태그로 바뀐것 즉 태그만 보고 바로 어떤 역할을 하는지 알 수 있게 되었다.
예시
<header>: 페이지 상단이나 섹션의 머리말<nav>: 문서의 네비게이션, 메뉴 항목을 정의<section>: 문서의 구획들을 정의
비교
과거
<div id="header"> </div>현재
<header></header>img와 background-imag 차이
img
- img tag는 시멘틱 태그로써 컴퓨터가 이해할 수 있다.
- alt 속성으로 이미지가 깨졌을시 무슨이미지 인지 예측이 가능
background-imag
- 이미지가 깨졌을 시 로딩불가만 표시 어떤 이미지인지 확인 불가
개발중인 서비스에서 해당 이미지가 검색엔진에서 노출되어야 한다면 img 태그를 통해 이미지를 노출시켜야한다. 반대로 background-image 속성을 이용하는 것은 대체로 아이콘, 페이지의 cover 이미지에서 많이 사용하고 있다
