시맨틱 웹 & 시맨틱 태그

Semantic Web : 의미를 가지는 웹

"컴퓨터가 정보를 분석하여 그 정보의 관계 속에서 의미론적인 자료들을 추출하여 보여줄 수 있는 웹"

기존의 잡다한 데이터 집합이었던 웹페이지를 의미와 관련성을 가지는 거대한 데이터베이스로 구축

Semantic Web을 구현하기 위한 Semantic Tag

의미있는 Tag > 명확한 해석 > 데이터로의 활용 >>> Semantic Web 실현

Semanitc tag를 사용해야 하는 이유는!

1. 검색엔진이 HTML 태그를 분석할 때, 해당하는 태그들의 의미가 분명하다면, 검색이 용이하며(검색엔진 최적화, SEO),
2. 영역에 따라 어떤 의미를 가진 부분인지 명확하기 때문에 협업, 관리/유지보수에 용이하다.

! 표현 중심이 아닌 의미있는 구조의 문서 작성을 위한 요소로써, 단순히 시각적 효과만을 나타낼 수 있는 의미 없는 태그를 사용하는 것이 아닌! Semantic Tag를 사용한 html은 전체적인 html 구조와 각 contents의 의미를 명확하게 나타내어 검색엔진에서 검색을 용이하게 한다

-non-semantic : span, div
-semantic : form, table, img, header, section, article, footer 등

Check!!!

웹 브라우저에 이미지를 삽입하는 방법에는 1) img 태그를 사용하는 것과, 2) 태그에 background-image 속성을 추가하는 것이 있다.

-웹 브라우저에서 해당 이미지를 의미있는 데이터로써 또는 데이터 분석의 차원에서 다른 컨테츠와의 연계성가지고 분석 될 것인지의 여부에 따라 1)이 될 것이고,
-서치엔진에서 수집(검색) 될 필요가 없는 경우(노출 시킬 필요가 없는 경우), 또는 단순한 시각적 표현만을 구현하는 경우에는 2)를 활용할 수 있을 것이라 판단된다.