Semantic Web

'Semantic Web'이란 의미론적인 웹이란 뜻으로 컴퓨터가 이해할 수 있는 의미를 기반으로 만들어진 웹이다. 현재의 웹이 방대한 양의 데이터를 포괄하고 있는 만큼 정보 검색에 있어 무수히 많은 불필요한 정보들에 접근 하게 되는 문제를 안고 있다. 'Sematic Web'은 다양한 정보 자원 처리 자동화, 데이터의 통합 및 재가공을 가능하도록 하여 사용자로 하여금 정보의 바다인 웹에서 꼭 필요한 정보를 쉽고 빠르게 얻게 돕는다.

Semantic Tag

HTML에 여러 Semantic tag들이 추가되었다. 구획을 구분해 주는 태그div를 사용해 구획을 나눌 수도 있지만 해당 구획의 기능과 의미에 맞는 태그를 사용하면 개발 뿐 아니라 유지 보수에 있어서도 조금 더 빠른 일처리가 가능하다.

header

웹 페이지의 화면 상단에 위치하며 주로 회원가입, 로그인과 같은 기본적인 기능을 포함한다.

footer

웹 페이지의 마지막 단락으로 웹 사이트를 만든 이, 웹 사이트 정보, 주소 등 해당 웹 사이트에 대한 기타 부가적인 정보들을 나열하는 구획을 위한 태그이다.

main

해당 문서의 메인 영역을 포함하는 구획을 나타내는 태그이다.

aside

사이드바를 포함하는 태그이다.

nav

navigation bar(네비게이션 바)를 포함하는 태그로 주로 header 밑에 위치한다. 사용자가 얻고 싶은 정보가 어디에 위치하는 지 나타내는 메뉴를 포함한다.

section

HTML 문서의 독립적인 구획을 나타내며 더 적합한 의미를 가진 요소가 없을 때 사용한다. 보통 section은 제목을 포함하는 경우가 있지만 반드시 필요한 것은 아니다.

<section>
  <h3>Seoul</h3>
  <p>
    Seoul is the biggest city of the Republic of Korea.
  </p>
</section>
<section>
  <h3>Tokyo</h3>
  <p>
    Tokyo is officially the capital.
  </p>
</section>

article

article 태그는 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용한다. 배포, 재사용이 가능한 포럼(forum) 포스트, 블로그 포스트, 보도 기사, 논평(comment) 등에 사용된다.

figure

사진, 일러스트, 다이어그램과 같은 요소를 포함하는 태그이다.