세 가지 웹 의미 화 프레임 워 크 비교

설명 할 세 가지 We 의미 화 기술 은 RDFa, Microformat, Microdata 로 RDFa 가 비교적 복잡 한 자 물 쇠 를 제외 하고 주로 XML 문 서 를 위 한 서비스 로 Microformat 과 Microdata 가 HTML 에 더욱 적합 하 다.Microformat 과 Microdata 는 각각 장단 점 이 있다.Microformat 는 현재 속성 과 요 소 를 다시 사용 하 는 데 있 으 며, microdata 는 요소 에 4 개의 속성 을 추가 함으로써 이 루어 집 니 다.
자원 설명 프레임 워 크 - in - attributes
Resource Description Framework – in – attributes (RDFa) 는 W3C 가 HTML, XHTML 또는 XML 기반 문서 에 메타 데 이 터 를 삽입 하 는 것 을 추천 하 는 프레임 워 크 입 니 다.다만, 이 모든 메타 데 이 터 는 attribute 를 통 해 이 루어 집 니 다.
The essence ofRDFa is to provide a set of attributes that can be used to carry metadata in anXML language (hence the 'a' in RDFa).
먼저 배 워 야 할 용어 가 있 습 니 다. 자원 조합 (Partnersource, the resource that the metadata is about).

about – 자원 을 조합 할 URI 나 CURIE 를 지정 합 니 다.

rel and rev – 다른 자원 과 의 정비례 관계 와 반 관 계 를 말한다.

src, href 및 resource – 지정 한 조합 자원

property – 요소 나 자원 을 조합 하 는 내용 에 속성 을 지정 합 니 다

content – property 가 존재 할 때 content 는 요소 의 원래 내용 을 덮어 쓰 는 데 사 용 됩 니 다.

datatype – property 가 존재 할 때 text 의 datatype 을 가리 킵 니 다.

typeof – 자원 을 조합 한 RDFa 유형.

예 – XHTML + RDFa 1.0:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
    "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:foaf="http://xmlns.com/foaf/0.1/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    version="XHTML+RDFa 1.0" xml:lang="en">
  <head>
    <title>John's Home Page</title>
    <base href="http://example.org/john-d/" />
    <meta property="dc:creator" content="Jonathan Doe" />
    <link rel="foaf:primaryTopic" href="http://example.org/john-d/#me" />
  </head>
  <body about="http://example.org/john-d/#me">
    <h1>John's Home Page</h1>
    <p>My name is <span property="foaf:nick">John D</span> and I like
      <a href="http://www.neubauten.org/" rel="foaf:interest"
        xml:lang="de">Einstürzende Neubauten</a>.
    </p>
    <p>
      My <span rel="foaf:interest" resource="urn:ISBN:0752820907">favorite
      book is the inspiring <span about="urn:ISBN:0752820907"><cite
      property="dc:title">Weaving the Web</cite> by
      <span property="dc:creator">Tim Berners-Lee</span></span>
     </span>
    </p>
  </body>
</html>

예 – HTML 5 + RDFa 1.1

<html prefix="dc: http://purl.org/dc/elements/1.1/" lang="en">
  <head>
    <title>John's Home Page</title>
    <link rel="profile" href="http://www.w3.org/1999/xhtml/vocab" />
    <base href="http://example.org/john-d/" />
    <meta property="dc:creator" content="Jonathan Doe" />
    <link rel="foaf:primaryTopic" href="http://example.org/john-d/#me" />
  </head>
  <body about="http://example.org/john-d/#me">
    <h1>John's Home Page</h1>
    <p>My name is <span property="foaf:nick">John D</span> and I like
      <a href="http://www.neubauten.org/" rel="foaf:interest"
        lang="de">Einstürzende Neubauten</a>.
    </p>
    <p>
      My <span rel="foaf:interest" resource="urn:ISBN:0752820907">favorite
      book is the inspiring <span about="urn:ISBN:0752820907"><cite
      property="dc:title">Weaving the Web</cite> by
      <span property="dc:creator">Tim Berners-Lee</span></span>
     </span>
    </p>
  </body>
</html>

foaf 접두사 가 설명 되 지 않 은 것 을 발 견 했 을 수도 있 습 니 다. 사실 RDFa 1.1 은 유행 하 는 단어 접 두 사 를 자동 으로 추가 합 니 다.http://www.w3.org/2011/rdfa-context/rdfa-1.1
Microformat
Microformat 은 기 존의 HTML / XHTML 태그 나 웹 페이지 의 일부 속성 을 다시 사용 하여 메타 데 이 터 를 전송 합 니 다.
기술적 인 측면 에서 볼 때 microformat 는 주로 다음 과 같은 몇 가지 속성 을 사용 하여 메타 데이터 의 존 재 를 가리킨다.
l class: classname
l rel: a 닻 요소 의 목적 주소 에 대한 설명
l rev: 문서 의 반 관 계 를 참조 합 니 다.
예시 – classname

The birds roosted at
   <span class="geo">
     <span class="latitude">52.48</span>,
     <span class="longitude">-1.89</span>
   </span>

활용 단어 참조
네트워크 파충류 (web crawlers) 는 microformat 에서 네트워크 자원 에 관 한 데 이 터 를 더 많이 수집 할 수 있 으 며, 메 일 이나 스케줄 등 소프트웨어 는 microformat 에서 더 많은 상세 한 정 보 를 얻 을 수 있다.
몇 개의 확장 (extensions) 이 있 습 니 다. Operator 는 Firefox, Oomph 는 IE 로 microformat 를 검사 하 는 능력 을 제공 합 니 다.야후 의 Query Language 는 인터넷 페이지 에서 microformat 를 추출 할 수 있 습 니 다.구 글 은 2009 년 5 월 페이지 에서 추출 한 hCard, hReview, hProduct 등 microformat 도 검색 결과 페이지 에 넣 을 것 이 라 고 밝 혔 다.빙 과 야후!microformat 가 져 오기 도 실현 되 고 있 습 니 다.
Microdata(HTML)
Microdata 는 HTML 을 위 한 것 으로 검색엔진, 인터넷 파충류, 브 라 우 저 모두 페이지 에서 microdata 를 추출 하고 처리 할 수 있다.이 방식 은 RDFa 와 Microformats 보다 간단 하고 기계 가 읽 을 수 있다.
Microdata 전역 속성
l itemscope – item 을 만 들 고 요소 의 하위 노드 에 이 item 에 대한 정보 가 있 음 을 암시 합 니 다.
l itemtype – item 과 그 속성 상하 문 을 설명 하 는 유효한 어휘 URL;
l itemprop – 이 속성 을 포함 하 는 탭 에 item 의 특정한 속성 을 포함 하 는 값 을 표시 합 니 다.이 값 은 보통 문자열 일 수도 있 고 URL 일 수도 있 습 니 다. 예 를 들 어 img 의 src 나 a 요소 의 href 속성 일 수도 있 습 니 다.
l itemref – itemscope 에 표 시 된 하위 요소 가 아 닌 문서 의 다른 곳 에 있 음 을 나타 낸다. itemref 의 값 은 요소 의 id 이 고 여러 id 일 수 있다.
예 를 들다

<section itemscope itemtype="http://schema.org/Person"> 
        Hello, my name is 
        <span itemprop="name">John Doe</span>, 
        I am a 
        <span itemprop="jobTitle">graduate research assistant</span> 
        at the 
        <span itemprop="affiliation">University of Dreams</span>. 
        My friends call me 
        <span itemprop="additionalName">Johnny</span>. 
        You can visit my homepage at 
        <a href="http://www.JohnnyD.com" itemprop="url">www.JohnnyD.com</a>. 
        <section itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                I live at 
                <span itemprop="streetAddress">1234 Peach Drive</span>,
                <span itemprop="addressLocality">Warner Robins</span>,
                <span itemprop="addressRegion">Georgia</span>.
        </section>
</section>

지지 하 다.
l Google 은 검색 결과 페이지 에서 microdata 를 사용 할 수 있 습 니 다.
l 몇몇 유명한 브 라 우 저 는 microdata 의 DOM API 를 제공 합 니 다.
브 라 우 저
판본
지원 여부
Maxthon
3.3.9.600
Yes
Opera
11.60
Yes
Firefox
16.0a1
Yes
Chrome

No
Internet Explorer

No
Safari

No
l microdata 를 조작 하 는 JS 라 이브 러 리 는 MicrodataJS, jQuery 를 포함 하 는데 그 중에서 jQuery 는 DOM API 를 모 의 했다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

세 가지 웹 의미 화 프레임 워 크 비교

좋은 웹페이지 즐겨찾기