Sementic web

JunSeok·2022년 6월 9일
0
post-thumbnail

이미지 출처

정의

시멘틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터의 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스를 구축하고자 하는 발상이다.

검색엔진과 웹사이트

인터넷을 사용자들은 정보를 얻기 위헤 Google이나 Naver와 같은 검색엔진을 사용한다.

온갖 고생을 해서 웹사이트를 만들어도 검색엔진에 노출되지 않으면, 사용자들은 내 웹페이지가 있는지 없는지도 모를 것이다.

그만큼 검색엔진에 웹사이트가 노출되는 것은 매우 중요하다.

검색엔진은 로봇(Robot)이라는 프로그램을 이용하여 전 세계의 웹사이트 정보들을 수집하는데,
수집하는 정보는 바로 웹사이트의 HTML코드이다.

즉, 검색엔진은 HTML 코드만으로 그 의미를 해석해야만 하는데
이때 컴퓨터는 Sementic element를 해석하게 된다.

시멘틱 요소의 장점

시멘틱 요소는 개발자가 의도한 요소의 의미를 명확하게 전달한다.

코드의 가독성을 높이고 유지보수를 쉽게 한다.

정리

즉, 시멘틱 태그란 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확하게 설명하는 역할을 한다.

시멘틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확학 해석하고 그 데이터를 활용할 수 있는 시멘틱 웹이 실현될 수 있다.

Sementic element & non-sementic element

Sementic element는 form, table, ima 등이 있으며, content의 의미를 명확히 설명한다.
Non-sementic element는 div, span 등이 있으며 이들 태그는 content에 대하여 어떠한 설명도 하지 않느다.

HTML5 Semectic element

-header
-nav: 내비게이션을 의미
-aside
-section: 본문의 여러 내용(article)을 포함하는 공간 의미
-article: 본문의 주요 내용
-footer:

본문출처

profile
최선을 다한다는 것은 할 수 있는 한 가장 핵심을 향한다는 것

0개의 댓글