Semantic Web & Semantic Tag

Semantic Web

• 시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하고자 하는 방상

Semantic Tag

non-semantic 요소 : div, span 등의 명확한 의미가 없고, content에 대한 어떠한 설명이 없는 요소
semantic 요소 : img, footer, nav, article, table 등의 명확한 의미를 가지고 있고, content에 대한 어떠한 설명이 있는 요소

웹 페이지에 이미지 삽입할 때 사용하는 방법 -

Semantic Tag 를 쓸 때

<img src="https://www.w3schools.com/whatis/img_js.png" alt="img">

중요한 의미를 내포한 이미지를 사용할 때 사용한다.
content 정보와 연관이 있는 이미지를 사용할 때 사용한다.
페이지 프린트 시 이미지를 출력할 떄 사용한다.

Non-Semantic Tag 를 쓸 때

div 태그 + background-img 속성 사용할 때

content 와 무관한 이미지 사용할 때 사용한다.
페이지 프린트 시 이미지를 출력하지 않을 때 사용한다.
웹문서의 배경을 채울 때 사용한다.