Microformats

Web Montag Bremen, 17.07.2006

Dennis Blöte

Was sind Microformats?

• kein neuer Standard, sondern eine Erweiterung
• basieren auf bisherigen Formaten (XML, XHTML)
• semantische Auszeichnung von Microcontent
    > maschinenlesbares Markup
• standardisierte Beschreibung von Content
    > Semantic Web
• Möglichkeit Content zugänglich zu machen

Einsatz in der Praxis

Beispiel: Kontaktdaten

<address>
  Dennis Blöte
  Freiberuflicher Mediengestalter
	
  Zentaurenstr. 14
  28199 Bremen
	
  Telefon: +49 (421) 5487517
  Mobil: +49 (163) 6845699
  Web:  <a href="...">http://dennisbloete.de</a>
  E-Mail: <a href="mailto:...">mail@dennisbloete.de</a>
</address>
			

Einsatz in der Praxis

Beispiel: Kontaktdaten

• für Menschen lesbar
• für Parser nur ein Haufen Adresse

Einsatz in der Praxis

<div class="vcard">
  
	
	
	
	
	
	
	
	
	
	
	
	
	
</div>

Einsatz in der Praxis

<div class="vcard">
  <span class="fn">
    <span class="given-name">Dennis</span>
    <span class="family-name">Blöte</span>
  </span>
  
	
	
	
	
	
	
	
	
	
</div>

Einsatz in der Praxis

<div class="vcard">
  <span class="fn">
    <span class="given-name">Dennis</span>
    <span class="family-name">Blöte</span>
  </span>
  <span class="org">Freiberuflicher Mediengestalter</span>
  <div class="adr">
    <div class="street-address">Zentaurenstr. 14</div>
    <span class="postal-code">28199</span>
    <span class="locality">Bremen</span>
  </div>




</div>

Einsatz in der Praxis

<div class="vcard">
  <span class="fn">
    <span class="given-name">Dennis</span>
    <span class="family-name">Blöte</span>
  </span>
  <span class="org">Freiberuflicher Mediengestalter</span>
  <div class="adr">
    <div class="street-address">Zentaurenstr. 14</div>
    <span class="postal-code">28199</span>
    <span class="locality">Bremen</span>
  </div>
  <div class="tel">Telefon: <span class="value">+49 (4 21) 5 48 75 17</span></div>
  <div class="tel">Mobil: <span class="value">+49 (1 63) 6 84 56 99</span></div>
  E-Mail: <a class="email" href="mailto:...">mail@dennisbloete.de</a>
  Web: <a class="url" href="...">http://dennisbloete.de</a>
</div>

Einsatz in der Praxis

Beispiel: Kontaktdaten

mehr Semantik
  > maschinenlesbar
  > universell verwertbar

Einsatz:

• Technorati Microformats Search > hCard
• Tails > Firefox-Extension

Welche Formate gibt es?

Viele, hier eine Web2.0-Auswahl:

• hCard - Adressdaten (siehe Beispiel)
• hCalendar - Termine, iCal äquivalent
• rel-tag - Links taggen/verschlagworten
• XFN - XHTML Friends Network, Beziehungen darstellen

Darüber hinaus gibt es noch weitere Definitionen und Drafts, siehe Wiki

Ausblick

Interessante Sachen möglich

• Adress- oder Terminverwaltung > Website abonnieren
• Berichte oder Rezensionen von verschiedenen Diensten zusammentragen
• Darstellung des sozialen Netzes per XFN (Buddy-Listen)

Links

Weiterfürende Seiten:

• Deutsches Microformats-Wiki
• Tails-Extension für den Firefox > zeigt Microformats auf Websites an
• StructuredBlogging > Blog-Extension zum Einsatz von Microformats

Danke für die Aufmerksamkeit!

Fragen?