alexms0316.log
로그인
alexms0316.log
로그인
Semantic Web과 Semantic tags
Alex
·
2022년 3월 29일
팔로우
0
html
web
Semantic
1. 의미의
2. 의미론의
(출처: Oxford Languages)
1. Semantic Web
1) 정의
의미론적 웹, 컴퓨터가 사람을 대신하여 정보를 읽고, 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹.
2) 목적
웹이 발전하면서 다량의 정보가 축적이 되었는데, 이러한 상황에서 컴퓨터가 스스로 정보를 해석하고 가공할 수 없었기에 사용자가 직접 개입하여 정보를 처리해야하는 상황이 발생하였다. 이러한 문제점을 해결하기 위한 목적으로 의미론적 웹이 나오게 되었다.
즉, 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web이다.
3) 구성요소
RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크
XML(eXtensible Markup Language): 태그 등을 이용하여 데이터의 구조를 기술하는 언어의 한 가지, 대표적인 것이 HTML 이다.
Ontology: 특정 지식과 관련된 용어 사이의 관계 정의
Agent: 사용자의 역활을 대행하여 지능적, 자율적 임무수행.
2. Semantic tags
1) 정의
의미가 있는 태그. div나 span과 같이 의미가 없는 태그는 태그 이름만 보고는 어떤 내용인지 전혀 유추할 수가 없는 반면, form, table, article 등 의미가 있는 태그는 내용을 명확하게 정의한다.
2) 목적
검색엔진최적화(SEO): 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목은 h1, 중요한 단어는 strong 또는 em을 사용하는 등 의미에 맞는 올바른 태그를 사용하는 것이 중요하다.
W3C에 따르면, "시맨틱 웹을 사용하면 애플리케이션, 기업 및 커뮤니티에서 데이터를 공유하고 재사용할 수 있다"고 한다. (의미가 있는 요소는 개발자 모두에게 명확한 의미를 전달한다)
3. img태그와 background-img태그의 차이
img태그는 의미가 있는 태그, 컴퓨터가 이해 가능하고
alt
속성으로 이미지가 깨져도 해당 이미지에 대한 정보를 알 수 있다.
background-img태그는 그냥 속성으로 이미지가 깨질 경우 해당 이미지에 대한 정보를 알 수 없다.
참고자료
https://www.w3schools.com/html/html5_semantic_elements.asp
https://developer.mozilla.org/en-US/docs/Glossary/Semantics
Alex
With Data or Without Data?
팔로우
이전 포스트
웹 서비스 역사 및 발전
다음 포스트
<div> vs <p> vs <span>
0개의 댓글
댓글 작성