본문 바로가기

HTML, CSS

TIL 06 Semantic tag Web

1. 시맨틱 웹이란?

데이터 및 정보의 양이 빠르게 증가하자 이들을 처리하는 방안으로 시맨틱 웹(Semantic Web)이 소개되었다. 시맨틱 웹은 사람이 아닌 기계(컴퓨터)가 직/간접적으로 처리할 수 있는 데이터를 위한 웹이다. 컴퓨터가 처리하는 정보는 웹사이트들의 HTML코드인데 이 코드만으로 의미를 인지하기 위해서 시맨틱 요소를 해석하게 된다.

 

2. 시맨틱 태그란?

컴퓨터(검색엔진)이 데이터를 처리하면서 중요한 정보와 그렇지 않은 정보를 필터링을 해야하는데 이를 돕는것이 시맨택 태크다.

HTML5에 추가된 시맨틱 태크는 <header>, <nav>, <section> 등이 있다. 이는 웹 페이지에서 개발자와 컴퓨터에게 각 항목이 어떤 의미를 가지는지 전달하는 역할을 한다. 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다.

 

Semantic Tag Description
header 페이지 상단에 소개 및 제목
nav 페이지내에 메뉴, 목차
section 페이지내에 본문
footer 페이지 하단에 작성자, 저작권 정보등

 

 

 

 

'HTML, CSS' 카테고리의 다른 글