
1. 시맨틱 웹이란?
데이터 및 정보의 양이 빠르게 증가하자 이들을 처리하는 방안으로 시맨틱 웹(Semantic Web)이 소개되었다. 시맨틱 웹은 사람이 아닌 기계(컴퓨터)가 직/간접적으로 처리할 수 있는 데이터를 위한 웹이다. 컴퓨터가 처리하는 정보는 웹사이트들의 HTML코드인데 이 코드만으로 의미를 인지하기 위해서 시맨틱 요소를 해석하게 된다.
2. 시맨틱 태그란?
컴퓨터(검색엔진)이 데이터를 처리하면서 중요한 정보와 그렇지 않은 정보를 필터링을 해야하는데 이를 돕는것이 시맨택 태크다.
HTML5에 추가된 시맨틱 태크는 <header>, <nav>, <section> 등이 있다. 이는 웹 페이지에서 개발자와 컴퓨터에게 각 항목이 어떤 의미를 가지는지 전달하는 역할을 한다. 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다.
Semantic Tag | Description |
header | 페이지 상단에 소개 및 제목 |
nav | 페이지내에 메뉴, 목차 |
section | 페이지내에 본문 |
footer | 페이지 하단에 작성자, 저작권 정보등 |
'HTML, CSS' 카테고리의 다른 글
TIL 07 CSS Position Display (0) | 2021.10.06 |
---|---|
CSS position: fixed 겹치는 현상 해결 (0) | 2021.06.27 |