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
Motivation
• Click to edit Master text styles
– Second level
• Third level
– Fourth level
» Fifth level
www.sti-innsbruck.at

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
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
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
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
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
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
Questions?
• Click to edit Master text styles
– Second level
• Third level
– Fourth level
» Fifth level
www.sti-innsbruck.at