Semantic Web

시멘틱 웹은 ‘의미론적인 웹’이란 의미로, 개발자가 의도한 요소의 의미가 명확히 드러나게 작성하는 방법, 방식이다.

시멘트 웹을 사용하면 코드의 가독성을 높이고 유지 보수를 수월하게 할 수 있다.

예를 들자면 아래와 같은 방법으로 제목을 작성하는 것 보다

<div class="title"> 안녕하세요!</div>

이와 같은 방법으로 작성했을 때 제목이라는 점을 단번에 알아 차릴 수 있으며 검색엔진 최적화에

기여할 수 있다.

<h1 class="title"> 안녕하세요!</div>

따라서 정리하자면, 시멘틱 웹이란

웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다.

Semantic Tag

w3schools.com에서는 다음과 같이 정의합니다.

non-semantic요소와 semantic요소

HTML 요소는 다음과 같이 non-semantic 요소와 semantic 요소로 구분할 수 있다.

• none-semantic 요소: div, span등이 있으며 content에 대하여 어떤 설명도 하지 않는다.
• semantic요소: for, table, img 등이 있으며 content의 의미를 명확하게 설명한다.

다음은 HTML5에서 새롭게 추가된 시맨틱 태그이다.