Semantic Web (시맨틱 웹)Frontend/웹 관련 지식2022. 9. 16. 02:55
Table of Contents
시맨틱 웹이란?
- Semantics : 의미 혹은 의미론
- Semantic Web: 의미를 이해하는 웹
- 👉 인터넷의 각종 리소스(웹 문서, 각종 파일, 서비스 등)에 대한 정보와 자원 사이의 관계를 의미 정보로 만들어 컴퓨터가 처리할 수 있는 온톨로지(개념 간의 연관 관계) 형태로 표현하고 이를 처리하도록 한 프레임워크 혹은 기술
온톨로지(ontology)
- 개념간의 연관 관계, 시맨틱 웹의 핵심적인 기술
- 데이터에 대한 모든 의미를 컴퓨터가 이해하고 처리할 수 있는 방식으로 번역하는 기술, 지식, 수단의 총체
시맨틱 웹 배경
- HTML으로 작성된 문서는 컴퓨터가 해석할 수 있는 메타데이터와 사람이 사용하는 자연어 문장이 뒤섞여 있다
- 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 함
HTML 요소 구분
- non-semantic 요소
- div, span 등이 있으며 content에 대한 설명 x
- semantic 요소
- form, table, img 등이 있으며 content의 의미 명확히 설명
- 웹상의 검색엔진은 검색엔진 최적화(SEO)를 고려하는데 이때 HTML 코드 만으로 키워드 의미를 인지 → 그 의미를 인지하기 위해서는 시맨틱 요소를 해석
시맨틱 태그
- 브라우저, 검색엔진, 개발자 모두에게 콘텐츠 의미를 명확히 설명하는 역할
- 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다.
'Frontend > 웹 관련 지식' 카테고리의 다른 글
ESM (ECMAScript Modules), CJS(common JS) (1) | 2024.11.19 |
---|---|
javascript IOC (0) | 2024.05.07 |
SPA, MPA, MVC (0) | 2022.09.16 |
브라우저 작동 원리/Reflow+Repaint/Virtual dom (1) | 2022.09.13 |
SOP, CORS (0) | 2022.09.13 |
@덕구공 :: Duck9s'
주니어 개발자에욤
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!