Mikroformate

Erweiterte Semantik von HTML-Dokumenten

Eric Eggert

yatil.de

Präsentation mit S5: yatil.de/s5

Was sind Mikroformate?

Das:

Schema Mikroformate

Verstanden? ;)

Was sind Mikroformate?

Mikroformate sind:

Was tun Mikroformate?

Mikroformate

Beispiel

Das Barcamp Kärnten findet vom
03.–04. Ferbruar 2007 in der 
Universität Klagenfurt 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">
Das Barcamp Kärnten findet vom
03.–04. Ferbruar 2007 in der
Universität Klagenfurt statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (III)

<p class="vevent">
  Das 
    <span class="summary">
      Barcamp Kärnten
    </span> 
  findet vom
  03.–04. Ferbruar 2007 in der
  Universität Klagenfurt statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (IV)

<p class="vevent">
  Das <span class="summary">Barcamp Kärnten</span> 
  findet vom
    <abbr class="dtstart" title="20070203T0900+0100">
     03.
    </abbr><abbr class="dtend" title="20070204T1900+0100">
     04. Februar 2007
    </abbr>
  in der
  Universität Klagenfurt statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (V)

<p class="vevent">
  Das <span class="summary">Barcamp Kärnten</span> 
  findet vom
  <abbr class="dtstart" title="20070203T0900+0100">03.</abbr><abbr class="dtend" title="20070204T1900+0100">04. Februar 2007</abbr>
  in der
    <abbr class="location" 
     title="Alpen-Adria-Universität Klagenfurt, 
         Universitätsstraße 65-67, 9020 Klagenfurt, Austria">
      Universität Klagenfurt</abbr>
</p>

Beispiel (VI)

<p class="vevent">
  <a class="url" 
     href="http://www.barcamp.at/BarCamp_K%C3%A4rnten">
    Das <span class="summary">Barcamp Kärnten</span> 
    findet vom
    <abbr class="dtstart" title="20070203T0900+0100">03.</abbr><abbr class="dtend" title="20070204T1900+0100">04. Februar 2007</abbr>
    in der
      <abbr class="location" 
       title="Alpen-Adria-Universität Klagenfurt, 
           Universitätsstraße 65-67, 9020 Klagenfurt, Austria">
        Universität Klagenfurt</abbr>
  </a>
</p>      

Beispiel (VII)

Die Suchmaschine weiß jetzt:

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

StadtDatumTreffpunkt
Karlsruhe 03. Juli 2006 Kubik Cafe, Gottesauer Straße 35, 76131 Karlsruhe
Trier 10. Juli 2006 WIP-Wissenschaftspark Trier (Petrisberg), Max-Planck-Str. 6 (Geb. 013)
Frankfurt 14. August 2006 Brotfabrik, Bachmannstr. 2-4, 60488 Frankfurt

Modular?

Nach Mikroformaten suchen

Weitere Informationen