Semantic Web & Semantic Tag

Semantic : 의미론적

Semantic Web

Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미, 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web 이다.

• non-semantic 요소:
  div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다.

• semantic 요소:
  form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명한다.

Semantic Tag

• 기능보다는 의미를 가지고 있는 태그
• Semantic Tag 없이도 브라우저에 동일한 화면을 디자인할 수 있으나,
  Semantic Tag를 사용하면 영역이 분명진다. 때문에, 코드로 소통할때 유용
• 과거에는 < div > 태그를 사용해서 구분했음
• 그 밖에 이점: 검색엔진 최적화, 가독성 향상, 레이아웃을 구성할때 유용

<Semantic Tag의 종류>

• header 헤더를 의미합니다.
• nav 네비게이션을 의미합니다.
• aside 사이드에 위치하는 공간을 의미합니다.
• section 본문의 여러 내용(article)을 포함하는 공간을 의미한다.
• article 본문의 주내용이 들어가는 공간을 의미합니다.
• footer 푸터를 의미합니다.