Semantic Web과 Semantic Tag

01.Semantic Web과 Semantic Tag

Semantic? -> 의미
Semantic Web = 의미론적인 웹
-> 기계가 이해할수있는 형체로 제작된 웹을 의미
Semantic Tag = Semantic Tag의 발전
-> 기계와 사람이 이해할수잇는 형체로 제작된 웹을 의미한다.
예로는

<header>,<section>,<nav>,<article>등이 있다.

02.img태그와 background-image

HTML에서 사이트에 이미지를 넣는 방법에는 크게 2가지가 있다.
img태그를 사용하는 방법과 태그에 background-image를 사용 하는 방법이 존재한다.

그렇다면 img 태그와 background-image를 사용하는 것은 무슨차이일까?
만약 img 태그와 background-image 가 이미지 를 불러오지 못한다면?

03.결론

img 태그의 경우 의미가있는 Semantic Tag 로서 컴퓨터가 이해 할수있으며 attribute가 존재 하여 alt인 보조 문구를 출력하고

background-image 의 경우 그냥 속성으로 어떠한 이미지가 로딩에 실패했는지 알수없다.

즉 에러시 어떠한 이미지인지 알아야하고 검색엔진에 노출빈도를 늘리기 위해서는 img 태그를 이용해야하고
단순 미적 요소로 보여주기 위해서는 background-image를 사용하는게 좋을듯하다.