Mikroformate

Erweiterte Semantik von HTML-Dokumenten

Eric Eggert

yatil.de

Präsentation mit S5: yatil.de/s5

Was sind Mikroformate?

Das:

Verstanden? ;)

Was sind Mikroformate?

Mikroformate sind:

• Eine Methode über Daten nachzudenken
• Designprinzipien für Formate
• in besonderer Beziehung zu XHTML. Man nennt sie auch
  • Real World Semantics (Semantik des wirklichen Lebens)
  • Lowercase Semantic Web (Kleingeschriebenes semantisches Web)
  • Lossless XHTML (Verlustloses XHTML)
• Ein Set von einfachen Datenformat-Standards, die von vielen aktiv entwickelt und implementiert werden um ein strukturierteres Bloggen und eine strukturiertere Mikrocontent- Veröffentlichung zu erhalten.

Was tun Mikroformate?

Mikroformate

• lösen ein spezifisches Problem
• beginnen so klein wie möglich
• werden zuerst für Menschen und dann für Maschinen entworfen
• machen sich offene Standards zu nutze
• sind modular
• ermöglichen und fördern dezentralisierte Entwicklungen, Inhalte, Sevices

Beispiel

Der Webmontag in Trier 
findet am 10. Juli 
im Wissenschaftspark statt.

Dieser Abschnitt ist natürlich für einen Menschen leicht zu begreifen. Doch wie liest eine Suchmaschine das? Entweder so wie bisher, indem sie alle Wörter einzeln indexiert.

Oder neu, indem sie darauf achtet, ob die Daten in einem Maschinenlesbaren Format ausgezeichnet sind.

Beispiel (II)

<p class="vevent">
Der Webmontag in Trier 
findet am 10. Juli 
im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event.

Beispiel (III)

<p class="vevent">
  Der 
    <span class="summary">
      Webmontag in Trier
    </span> 
  findet am 10. Juli 
  im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event und der heißt „Webmontag in Trier“

Beispiel (IV)

<p class="vevent">
  Der <span class="summary">Webmontag in Trier</span> 
  findet am
    <abbr class="dtstart" title="2006-07-10">
     10. Juli 
    </abbr>
  im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event, der „Webmontag in Trier“ heißt und am 10.07.2006 stattfindet.

Beispiel (V)

<p class="vevent">
  Der <span class="summary">Webmontag in Trier</span> 
  findet am
  <abbr class="dtstart" title="2006-07-10">10. Juli</abbr>
  im 
    <abbr class="location" 
     title="Wissenschaftspark Trier/Petrisberg, Max-Planck-Straße 6, Gebäude 013">
      Wissenschaftspark
    </abbr>  
  statt.
</p>

Beispiel (VI)

<p class="vevent">
  <a class="url" 
     href="http://webmontag.de/doku.php?id=trier">
    Der <span class="summary">Webmontag in Trier</span> 
    findet am
    <abbr class="dtstart" title="2006-07-03">10. Juli</abbr>
    im <abbr class="location" 
      title="Wissenschaftspark Trier/Petrisberg, Max-Planck-Straße 6, Gebäude 13">
    Wissenschaftspark</abbr> statt.
  </a>
</p>

Beispiel (VII)

Die Suchmaschine weiß jetzt:

• Ein Event findet statt
• Der Name des Events ist „Webmontag in Trier“
• Das Datum des Events ist 10.07.2006
• Der Event findet im Wissenschaftspark Trier/Petrisberg, Max-Planck-Straße 6, Gebäude 13 statt.

Die HTML-Ausgabe sieht dann so aus:

Der Webmontag in Trier findet am 10. Juli im Wissenschaftspark statt.

Aber: Nicht auf eine Datenauszeichnung beschränkt!

Tabelle

<table class="vcalendar">
 <tr>
   <th>Stadt</th><th>Datum</th><th>Treffpunkt</th>
 </tr>
 <tr class="vevent">
   <td>
     <a class="url" href="...">
       <abbr class="summary" title="Webmontag Trier">
         Trier</abbr></a>
   </td><td>
     <abbr class="dtstart" title="2006-07-10">10. Juli 2006</abbr>
   </td>
   <td class="location">
     WIP-Wissenschaftspark Trier (Petrisberg), Max-Planck-Str. 6 (Geb. 013)
   </td></tr>
</table>

Aber: (II)

Tabelle

Modular?

• Verschiedene Mikroformate können ineinander verschachtelt werden.
  • Auszeichnen der Adresse per hCard-Mikroformat
  • Die Bezeichnung des Webmontags mit Tags („Verschlagwortung“) durch das rel-tag-Mikroformat.
  • Geographische Angaben per geo-Mikroformat (Draft)
• Teilweise spalten sich Mikroformate auch ab: Das adr-Mikroformat (Draft) ist ein Element der hCard.

Nach Mikroformaten suchen

• Mikroformate-Erweiterung „Tails Export“ zeigt gefundene Erweiterungen per Icon in der Statuszeile an und kann sie exportieren
• Mikroformat-Suche von Technorati findet gebloggte Mikroformate sowie statische Seiten, die per Pingerati angepingt wurden.

Weitere Informationen

• Die offizielle Mikroformat-Seite unter Microformats.org
• sowie das dazugehörige Wiki: Microformats.org/wiki/.
• Ein deutsches Mikroformate-Wiki und eine Mailingliste findet man unter mikroformate.pbwiki.com/.
• Ein Cheatsheet auf Englisch gibt es unter: http://suda.co.uk/projects/microformats/cheatsheet/