Your SlideShare is downloading. ×
0
HTML Data Guide                                         W3C Interest Group Note 08 March 2012                             ...
2    Motivation                           •   Click to edit Master text styles                                – Second lev...
3    Syntaxes for data embedding in HTML    Syntax                 Attributes for data          Vocabularies (most-used)  ...
4    Microformat – Example (hCard and geo)    <ul class="vcard">      <li class="fn">Joe Doe</li>      <li class="org">The...
5    RDFa – Example (DublinCore)    <div xmlns:dc="http://purl.org/dc/elements/1.1/"    about="http://www.example.com/book...
6    Microdata – Example (schema.org)    <div itemscope itemtype="http://schema.org/Person">      <span itemprop="name">Ja...
7    What do use? What is recommended?    •        Possible to use all three syntaxes on one page (for one item)    •     ...
8    Personal Recommendation    •        Microdata for search engine optimization (relative easy to use)    •        If RD...
9    Questions?                           •   Click to edit Master text styles                                – Second lev...
Upcoming SlideShare
Loading in...5
×

Html data guide

436

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
436
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • SEO and good visualization on search engines
  • Microformats -&gt; others are: @id, @title or @rev Microdata -&gt; itemid ... Must be a valid URL -&gt; itemscope ... Boolean value that starts new item -&gt; itemtype ... The type of the new started item -&gt; itemref ... List of tokens
  • Transcript of "Html data guide"

    1. 1. HTML Data Guide W3C Interest Group Note 08 March 2012 OC Working Group – 09.07.2012 by Alex Oberhauser© Copyright 2008 STI INNSBRUCK www.sti-innsbruck.at www.sti-innsbruck.at
    2. 2. 2 Motivation • Click to edit Master text styles – Second level • Third level – Fourth level » Fifth level www.sti-innsbruck.at
    3. 3. 3 Syntaxes for data embedding in HTML Syntax Attributes for data Vocabularies (most-used) encoding Microformats @class, @rel (and others) hCard, hCalendar, hReview RDFa @href, @rel, @property Different RDFS/OWL vocabularies, e.g. DublinCore, Geo, FOAF Microdata Itemid, itemprop, itemref, schema.org, DublinCore itemscope, itemtype www.sti-innsbruck.at
    4. 4. 4 Microformat – Example (hCard and geo) <ul class="vcard"> <li class="fn">Joe Doe</li> <li class="org">The Example Company</li> <li class="tel">604-555-1234</li> <li><a class="url" ref="http://example.com/">http://example.com/</a></li> </ul> <span class="geo"> <span class="latitude">52.48</span> <span class="longitude">-1.89</span> </span> www.sti-innsbruck.at
    5. 5. 5 RDFa – Example (DublinCore) <div xmlns:dc="http://purl.org/dc/elements/1.1/" about="http://www.example.com/books/wikinomics"> <span property="dc:title">Wikinomics</span> <span property="dc:creator">Don Tapscott</span> <span property="dc:date">2006-10-01</span> </div> www.sti-innsbruck.at
    6. 6. 6 Microdata – Example (schema.org) <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Jane Doe</span> <img src="janedoe.jpg" itemprop="image" /> <span itemprop="jobTitle">Professor</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">20341 Whitworth Institute</span> <span itemprop="addressLocality">Seattle</span> <span itemprop="addressRegion">WA</span> <span itemprop="postalCode">98052</span> </div> www.sti-innsbruck.at
    7. 7. 7 What do use? What is recommended? • Possible to use all three syntaxes on one page (for one item) • For SEO Microdata is recommended • For easy extraction to RDF use RDFa • Microformat and Microdata can be mapped to the same JSON data model (see http://dev.w3.org/html5/md/Overview.html#json) www.sti-innsbruck.at
    8. 8. 8 Personal Recommendation • Microdata for search engine optimization (relative easy to use) • If RDF is needed provide a (REST) API – Justification: RDFa is not easier than plain RDF, but RDF/ (XML/N3/N-Triple) is easier parsable. www.sti-innsbruck.at
    9. 9. 9 Questions? • Click to edit Master text styles – Second level • Third level – Fourth level » Fifth level www.sti-innsbruck.at
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×