Microformats

Web Montag Bremen, 17.07.2006

Dennis Blöte

Tag: XHTML Tag: Semantic Web

Was sind Microformats?

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

Gerenderte Version der Kontaktdaten

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

Gerenderte Version der Kontaktdaten

mehr Semantik
  > maschinenlesbar
  > universell verwertbar






Einsatz:

Welche Formate gibt es?

Viele, hier eine Web2.0-Auswahl:

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

Ausblick

Interessante Sachen möglich

Links

Weiterfürende Seiten:

 

Danke für die Aufmerksamkeit!

Fragen?