Contenu connexe
Similaire à Websemantics (20)
Websemantics
- 1. Websemantics
FuCamp 2010
Matthias Pfefferle
http://notizblog.org
http://twitter.com/pfefferle
- 11. <div>
<h1>Max Mustermann</h1>
<small>Web-Entwickler</small>
<ul>
<li>Mustergasse 2</li>
<li>12345 Musterstadt</li>
<li>Deutschland</li>
</ul>
</div>
- 12. <div class=“vcard“>
<h1>Max Mustermann</h1>
<small>Web-Entwickler</small>
<ul>
<li>Mustergasse 2</li>
<li>12345 Musterstadt</li>
<li>Deutschland</li>
</ul>
</div>
- 13. <div class=“vcard“>
<h1 class=“fn“>Max Mustermann</h1>
<small class=“note“>Web-Entwickler</small>
<ul class=“adr“>
<li class=“street-address“>Mustergasse 2</li>
<li class=“locality“>12345 Musterstadt</li>
<li class=“country-name“>Deutschland</li>
</ul>
</div>
- 20. Kein Ersatz für
klassische Formate
• Feeds: RSS/Atom
• Discovery: WSDL/XRD
• Wissensrepräsentation: RDF/OWL
• Login: OpenID
- 23. Live-Beispiele
• Yahoo (SearchMonkey)
• http://notizblog.org/2008/06/19/searchmonkey-fuer-
anwender/
• http://notizblog.org/2010/02/21/neue-identifier-fuer-den-
searchmonkey/
• http://developer.yahoo.com/searchmonkey/
• Google (Rich Snippets)
• http://www.google.com/support/webmasters/bin/
answer.py?answer=99170
• http://www.google.com/webhp?hl=en-US
- 25. Live-Beispiele
• Firefox
• Operator: https://addons.mozilla.org/de/firefox/addon/
4106/
• Tails: https://addons.mozilla.org/de/firefox/addon/153353
• Google Maps for Microformats: https://
addons.mozilla.org/de/firefox/addon/153353/
• Chrome
• Michromeformats: http://chrome.google.com/extensions/
detail/oalbifknmclbnmjlljdemhjjlkmppjjl
- 31. RDFa
• neue HTML Attribute
• about
• property
• resource
• datatype
• typeof
• Für XHTML 2 entwickelt
- 32. <div xmlns:contact=
"http://www.w3.org/2001/vcard-rdf/3.0#"
about="http://example.com/max">
<h1 property=“contact:fn“>
Max Mustermann</h1>
<small property=“contact:note“>
Web-Entwickler</small>
</div>
- 33. Microdata
• neue HTML Attribute
• itemscope
• itemtype
• itemprop
• itemref
• itemid
• Für (X)HTML 5 entwickelt
- 34. <div itemscope
itemtype=
“http://microformats.org/profile/hcard“>
<h1 itemprop=“fn“>Max Mustermann</h1>
<small itemprop=“note“>
Web-Entwickler</small>
</div>