What is Semantic Web?

-문서의 의미에 맞게, 컴퓨터가 이해할 수 있는 웹을 말한다.
사람이 읽고 해석하기에 편리하게 설계하는 것이 아닌
컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현한 웹이다.
웹의 창시자인 팀버너스리가 1998년 제안, 현재는 W3C에 의해 표준화 작업이 진행 중이다.

프론트엔드 개발자에게 있어 Semantic 하게 구성하는것이 매우 중요하다
메타데이터만을 브라우저에 알릴 수 있고 의미를 포함하여 브라우저에 알릴 수 있다.
그렇다면 semantic태그와 non-semantic태그를 알아보자

semantic tags - 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는
시맨틱 웹을 실현 할 수 있다.

1. semantic tag

• <form>,<table>,<img>등
  content의 의미를 명확히 설명한다

2. non-semantic tag

• <div>, <span> 등
  content에 대한 의미를 설명하지 않는다

HTML5에서 새롭게 추가된 semantic tags

-header
-nav
-aside
-section
-article
-footer

ex) <img>태그를 사용하는 것과 <div>태그에 background-image속성을 추가하는 것의 차이
해당 이미지에 대한 정보를 담은 페이지를 만들고 싶다면 <img> tag!
단순히 배경이미지로만 표출되기를 원한다면 CSS속성을 사용해서 표출하면 된다