Semantic Web과 Semantic Tag

Semantic Web

시멘틱 웹은 '의미론적인 웹'이라는 뜻으로 검색 엔진이 Robot라는 프로그램을 이용해 매일 전세계의 웹사이트 정보를 크롤링한다.

그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스를 만들어 둔다.
검색 엔진은 HTML 코드 만으로 의미를 인지하여야 하는데 이때 시멘틱 요소를 해석하게 된다.

Semantic Tag

form, table, img 등 의미가 명확한 태그들.
코드의 가독성을 높이고 유지보수를 쉽게 만들 수 있다.

html5에서 header, nav, aside section, article, footer 등이 추가되었다.

Non-Semantic Tag

div span 처럼 명확한 의미가 없는 태그들

Semantic Tag를 사용해야 하는 이유

검색엔진이 html5 파일을 보다 더 정확하게 분석하게 하기 위해서

`+ 시각장애인들도 웹을 사용 할 수 있게 하기 위해

이미지를 넣는 방법 두가지

1. img Tag (html)
   img태그는 인라인으로 이미지를 삽입한다.

   일반적으로 이미지 삽입이 필요하면 이 방식으로 넣는다.
   이미지 로딩 실패시 부가 설명을 적을수 있는 alt 가 있다.

2. background-image (css)
   background는 태그의 바탕에 이미지를 삽입한다. 드래그해도 잡히지 않는다.
   배경에 이미지를 넣고싶을 때 사용함.