Semantic Web과 Semantic Tag차이

quokka·2021년 10월 5일
0

HTML/CSS

목록 보기
1/2
post-thumbnail

1. Semantic Web이란??

-> 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한것

  • 구성요소
    RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크
    XML(eXtensible Markup Language): 태그 등을 이용하여 데이터의 구조를 기술하는 언어의 한 가지, 대표적인 것이 HTML 이다.
    Ontology: 특정 지식과 관련된 용어 사이의 관계 정의
    Agent: 사용자의 역활을 대행하여 지능적, 자율적 임무수행.

2. Semantic Tag란??

-> 의미론적인 웹이란 사전적 의미로서, html5 이전에 무분별한 태그의 사용으로 인해서 비효율적인 시스템을 개선하고자 의미있는 태그들을 개발하기 시작했다.


2-1. Semantic Tag들

-> header, body, article, section, form, img, p ,,,등등 사용 용도에 따라 사용할 수 있는 태그들이 많다.


3. Semantic Tag를 사용하면??

  • 효과적인 검색 가능
    -> 의미가 존재하는 태그들을 사용함으로서, 기계는 정보들을 효과적으로 인식할 수 있게 된다.
    -> 태그의 의미를 통해서 더욱 더 정확한 정보 전달이 가능하게 되었고, 서로간에도 훨씩 인식하기 용이하게 되었다.

4. Semantic Tag 사례

  1. img태그
  • img태그는 html에서 사용시에 alt속성에 문자열을 넣을 수 있다.
  • alt속성에 작성한 문자열은 meta정보가 되고, 검색엔진은 alt속성에 지정된 문자열을 인식하게 된다.
    -! 내 이미지가 사용자의 검색에 노출되기 원한다면, img태그를 사용하는 것이 좋다.
  1. background-image태그
  • background-image태그의 경우에는 단순 이미지일뿐 이미지에 대한 어떠한 정보를 담지 않는다.
    -! 이미지의 활용이 사이트의 장식을 위해서라면, background-image를 사용하는 것이 좋다.
profile
👩🏻‍💻 매일매일이 기대되는 개발자 ^^

0개의 댓글