Sementic web이란?

Sementic Web (의미록적인 웹)은 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.
즉, 컴퓨터가 사람을 대신하여 정보를 가공하여, 정보간의 관계를 이해할 수 있도록 하는 것이 시맨틱 웹의 목적이다.

Sementic tag를 사용함으로써 내가 만든 웹이 검색엔진에 노출 된다.

Semantic tag 를 이용한 코드

위 두개의 코드들 모두 똑같은 결과값이 나오지만 더 명확한 코드인 Semantic tag를 이용한 2번째 코드가 검색엔진에 더 노출이 많이 된다.

Semantic tag의 종류

등 여러가지가 있다.

< img > 태그와 < div > + background-image의 차이점

< img > 태그는 Semantic tage의 한 종류이기 때문에 < div > 태그를 이용한 사진 첨부 코드와 사용 목적이 다르다

< img > 태그를 사용 할 때:

• 입력한 이미지 파일이 깨져도 alt 를 이용해 이미지의 정보를 알려줘야 할 때
• 검색엔진에 웹이 더 잘 노출되어야 할 때

< div > + background-image를 사용 할 때:

• 이미지가 중요한 정보가 아닌 페이지의 꾸미기 용도일 때