시맨틱 웹(Semantic Web)이란?
시맨틱 웹이란 '의미론적인 웹' 으로, 문서의 의미나 형식에 맞게 태그를 사용함으로써 태그만으로 페이지의 구조나 해당 컨텐츠 유형을 쉽게 알 수 있도록 하는 방식이다. 기존 HTML로 작성된 문서들은 메타 데이터와 달리 시각 정보나 사람의 언어 등으로 구성되어 있어 컴퓨터가 사람을 대신해 정보 처리를 할 때 의미에 대해 이해하는 것에 한계가 있다. 그러므로 HTML5에서는 태그 자체가 의미를 담고 있는 시맨틱 태그(Semantic Tags)들을 사용함으로써 더 효율적인 문서 형식을 만들도록 권장하고 있다.
시맨틱 웹을 권장하는 이유
1. 웹 접근성
화면 낭독기 등과 같은 보조 기구를 통해 웹 사이트를 이용하는 시각장애인들에게 화면의 구조와 내용을 쉽게 이해할 수 있다.
2. 가독성
정보가 정돈되어 가독성이 높아져 해석하기 쉽고 편해진다.
3. SEO
시각 정보나 사람의 언어도 컴퓨터가 해석할 수 있도록 정제되기 때문에 서치 엔진에서 쉽게 검색되어 노출 빈도가 높아진다.
시맨틱 태그의 종류
<nav> - 내비게이션. header나 footer, aside 태그 안에 포함되거나 독립적으로도 사용 가능. 같은 nav라도 id를 다르게 적용하면 스타일 시트에서 각각에 맞는 스타일을 지정할 수 있음
<header> - 페이지 상단의 헤더
<footer> - 하단의 푸터
<section> > <article> - 섹션과 내부 컨텐츠
<aside> - 본문 외의 내용
<iframe> - inline frame. 외부 문서 삽입
<address> - 사이트 제작자 정보, 연락처 정보 삽입
시맨틱 태그가 아닌 태그 (non-semantic tag)
<div>, <span> 등
