-> 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한것
-> 의미론적인 웹이란 사전적 의미로서, html5 이전에 무분별한 태그의 사용으로 인해서 비효율적인 시스템을 개선하고자 의미있는 태그들을 개발하기 시작했다.
-> header, body, article, section, form, img, p ,,,등등 사용 용도에 따라 사용할 수 있는 태그들이 많다.
- img태그
- img태그는 html에서 사용시에 alt속성에 문자열을 넣을 수 있다.
- alt속성에 작성한 문자열은 meta정보가 되고, 검색엔진은 alt속성에 지정된 문자열을 인식하게 된다.
-! 내 이미지가 사용자의 검색에 노출되기 원한다면, img태그를 사용하는 것이 좋다.
- background-image태그
- background-image태그의 경우에는 단순 이미지일뿐 이미지에 대한 어떠한 정보를 담지 않는다.
-! 이미지의 활용이 사이트의 장식을 위해서라면, background-image를 사용하는 것이 좋다.