Microformat Sh Schema.org

Size: px

Start display at page:

Download "Microformat Sh Schema.org"

Emil Bridges
5 years ago
Views:

1 RDF Beyond

2 Outline RDFa Microformat Sh Schema.org

3 RDFa

4 RDFa RDFa: A collection of attributes and processing rules for extending XHTML to support RDF. HTML contains structured data, but not accessible to tools and applications RDFa is a specification for attributes to express structured data RDFa allows terms from multiple independentlydeveloped vocabularies to be freely intermixed RDFa brings some part of XHTML machine processable

5 RDFa examples <html xmlns=" xmlns:foaf=" xmlns:dc=" > <head> <title>my home-page</title> <meta property="dc:creator" content="mark Birbeck" /> <link rel="foaf:topic" href=" /> </head> <body>...</body> </html>

6 RDFa examples <html xmlns=" xmlns:cal=" w3 xmlns:xsd=" > <head><title>jo's Friends and Family Blog</title></head> <body> <p> I'm holding <span property="cal:summary"> one last summer Barbecue </span>, on <span property="cal:dtstart" content=" t16:00:00-05:00" datatype="xsd:datetime"> September 16th at 4pm </span>. </p> </body> </html> Adding datatype

7 RDFa examples <html xmlns=" xmlns:cal=" w3 xmlns:xsd=" > <head><title>jo's Friends and Family Blog</title></head> <body> <p typeof="cal:vevent"> I'm holding <span property="cal:summary"> one last summer Barbecue </span>, on <span property="cal:dtstart" content=" t16:00:00-05:00" datatype="xsd:datetime"> September 16th at 4pm </span>. </p> </body> </html> Adding typeof

8 RDFa examples <html xmlns=" xmlns:biblio=" org/" xmlns:dc=" > <head> <title>books by Marco Pierre White</title> </head> <body> I think White's book '<span about="urn:isbn: " typeof="biblio:book" property="dc:title"> Canteen Cuisine </span>' is well worth getting since although it's quite advanced stuff, he makes it pretty easy to follow. You might also like <span about="urn:isbn: " typeof="biblio:book" property="dc:description"> p p White's autobiography </span>. </body> </html>

9 RDFa RDFa allows authors to mark up humanreadable data with machine readable information for browsers and other applications to interpret by using a few simple XHTML attributes

Use case Alice: a blogger who publishes a mix of professional and personal articles a http://example.com/alice All content on this site is licensed under <a href="http://creativecommons.

10 Use case Alice: a blogger who publishes a mix of professional and personal articles a All content on this site is licensed under <a href=" a Creative Commons License </a>. All content on this site is licensed under <a rel= kicense href=" a Creative Commons License </a>.

11 Use Case <div xmlns:dc=" org/dc/elements/1 1/"> <div xmlns:dc=" <h2 property="dc:title">the trouble with Bob</h2> <h3 property="dc:creator">alice</h3>... </div>

12 Use Case <div xmlns:dc=" <div about="/alice/posts/trouble_with_bob"> <h2 property="dc:title">the trouble with Bob</h2> <h3 property="dc:creator">alice</h3>... </div> <div about="/alice/posts/jos_barbecue"> <h2 property="dc:title">jo's Barbecue</h2> <h3 property="dc:creator">eve</h3>... </div>... </div>

13 Use Case <div typeof="foaf:person" xmlns:foaf=" <p property="foaf:name"> Alice Birpemswick </p> <p> <a rel="foaf:mbox" </p> <p> Phone: <a rel="foaf:phone" href="tel: "> </a> </p> </div>

14 Use Case <div xmlns:foaf=" about="#me" rel="foaf:knows"> <ul> <li typeof="foaf:person"> <a property="foaf:name" rel="foaf:homepage" href=" </li> <li typeof="foaf:person"> <a property="foaf:name" rel="foaf:homepage" href=" </li> <li typeof="foaf:person"> <a property="foaf:name" rel="foaf:homepage" href=" </ul> </div> </li>

15 MICROFORMAT

16 Microformats A way of thinking about data Design principles for formats Adapted to current behaviors and usage patterns Highly correlated with semantic XHTML A set of simple open data format standards that are actively developing and implementing for more/better structured blogging and web microcontent publishing in general

17 Microformats are NOT A new language g Infinitely extensible and open ended An attempt to get everyone to change their behavior and rewrite their tools A whole new approach that throws away what alreadyworks today A panacea for all taxonomies, ontologies, and other such abstractions Defining the whole world, or even boiling the ocean

18 Microformat principles Solve a specific problem Start as simple as possible Design for humans first, machines second Reuse building blocks from widely adopted standards Modularity/embeddability y Enable and encourage decentralized development, content, services

19 Microformat They use span element because this is a basic, versatile, element that works almost everywhere on the web <p class="vcard">hi, my name is <span class="fn">jamie Jones</span> and I dig microformats!</p> Provide their own vocabularies hcard (your information) XFN (your networks about friends and contacts) hcalendar (events) hreview (review movies, books, and more)

20 Examples <div id="hcard-ying-ding" class="vcard"> <a class="url fn" href=" i i i / i i / i Ding</a> <div class="org">indiana University</div> <a class=" " href="mailto:dingying@indiana.edu">dingying@indiana.edu</a> <div class="adr"> <div class="street-address">1320 E 10th</div> <span class="locality">bloomington</span> lit ">Bl i t >, <span class="region">indiana</span>, <span class="postal-code">47405</span> <span class="country-name">usa</span> </div> <div class="tel"> </div> <p style="font-size:smaller;">this size:smaller; <a href=" created with the <a href=" creator</a>.</p> </div> Generate your own one: for more tools: tools

21 SCHEMA.ORG

22 Schema.org This is a joint effort from Microsoft, Google and Yahoo! to provide a collection of schemas (i.e. HTML tags) to better represent the structured data on the Web. It started May Website: Blog:

23 Schema for person

24 Overview of whole Schema /docs/full.html

25 Datatype Have their own datatypes

26 Data Model of Schema.org It is similar a data model of RDF triple A set of types in a hierarchy with multiple inheritance A set of properties with multiple domains and ranges.

27 Mapping to RDFa1.1 Buyers: <div vocab=" typeof="product"> <img rel="image" src="dell-30in-lcd.jpg" /> <span property="name">dell UltraSharp 30" LCD Monitor</span> <div rel="hasaggregaterating" > <div typeof=" <span property="ratingvalue">87</span> out of <span property="bestrating">100</span> based on <span property="ratingcount">24</span> user ratings </div> </div> <div rel="offers" > <div typeof=" <span property="lowprice">$1250</span> to <span property="highprice">$1495</span> from <span property="offercount">8</span> sellers </div> </div>

28 Mapping to RDFa1.1 Sellers: <div rel="offers" > <div typeof=" <a property="url" href="save-a-lot-monitors.com/dell-30.html"> Save A Lot Monitors - $1250</a> </div> </div> <div rel="offer" > <div typeof=" <a property="url" href="jondoe-gadgets.com/dell-30.html"> d ht l"> Jon Doe's Gadgets - $1350</a> </div> </div>... </div>

29 Schema.org using Microdata Basic Vocabulary of Microdata Basic Vocabulary of Microdata ( LC/)

30 Microdata model Item: a group of name value pairs Each item can have item type, a global identifier, and a list of properties Property: name in the name value pair Each property has one or more values Each value is a string or an item Item Property Value

31 Item itemid, itemscope, itemprop,itemref, itemref itemtype <div itemscope> <p>my name is <span itemprop="name">neil</span>.</p> <p>my band is called <span itemprop="band">four Parts Water</span>.</p> <p>i am <span itemprop="nationality">british</span>.</p> </div> Typed ditems <section itemscope itemtype=" <h1 itemprop="name">hedral</h1> <p itemprop="desc">hedral " d is a male american domestic shorthair, with a fluffy black fur with white paws and belly.</p> <img itemprop="img" src="hedral.jpeg" alt="" title="hedral, age 18 months"> </section>

32 Item Global identifier for items <dl itemscope itemtype=" itemid="urn:isbn: "> <dt>title <dd itemprop="title">the Reality Dysfunction <dt>author <dd itemprop="author">peter F. Hamilton <dt>publication date <dd><time itemprop="pubdate" pubdate datetime=" ">26 January 1996</time> </dl>

33 Property Using itemprop The value of the itemprop is the unordered set of unique space separated separated tokens, and case sensitivesensitive <section itemscope itemtype=" <h1 itemprop="name <p itemprop="desc">hedral is a male american domestic shorthair, with a fluffy <span itemprop=" fur with <span itemprop=" paws and belly.</p> <img itemprop="img" src="hedral.jpeg" alt="" title="hedral, age 18 months"> </section>

34 Value The property value: the value of itemprop. <html> <head> <title>photo gallery</title> </head> <body> <h1>my photos</h1> <figure itemscope itemtype=" itemref="licenses"> <img itemprop="work" src="images/house.jpeg" alt="a white house, boarded up, sits in a forest."> <figcaption itemprop="title">the house I found.</figcaption> </figure> <figure itemscope itemtype=" itemref="licenses"> <img itemprop="work" src="images/mailbox.jpeg" alt="outside the house is a mailbox. It has a leaflet inside."> <figcaption itemprop="title">the mailbox.</figcaption> </figure> <footer> <p id="licenses">all images licensed under the <a itemprop="license" href=" license</a>.</p> </footer> </body> </html>

35 Converting Microdata to RDF <dl itemscope itemtype=" itemid=" p <dt>title</dt> <dd><cite itemprop=" a Geek</cite></dd> <dt>by</dt> <dd><span itemprop=" Wheaton</span></dd> <dt>format</dt> <dd itemprop=" itemscope itemtype=" itemid=" <link itemprop=" href=" Print </dd> <dd itemprop=" itemscope itemtype=" t / b / i " itemid=" <link itemprop=" href=" Ebook </dd> </dl>

36 Converting Microdata to dct: dce: frbr: < p. < a frbr:work ; dce:creator "Wil Wheaton"@en ; dct:title "Just a Geek"@en ; frbr:realization < < < a frbr:expression ; dct:type < < a frbr:expression ; dct:type <

37 References RDFa RDFa at W3C: syntax/ RDFa Primer: rdfaprimer/ RDFa Wiki: Sh Schema.org Microdata: LC/ Microformat: org/

INFO/CS 4302 Web Informa6on Systems

INFO/CS 4302 Web Informa6on Systems FT 2012 Week 10 / Lecture 18: Publishing Structured Data on the Web - Bernhard Haslhofer - Plan for today... Recap Publishing Data The Linked Data Way Embedding Structured