Mikroformate

Konzepte und Grundlagen

Michael Jendryschik

Agenda

Was sind Mikroformate?

Was sind Mikroformate?

<address>
  GETIT GmbH<br />
  Emil-Figge-Straße 80<br />
  44227 Dortmund<br />
  Telefon: +49 (0)231 9742-300<br />
  Fax: +49 (0)231 9742-356<br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Was sind Mikroformate?

Was sind Mikroformate?

Was sind Mikroformate?

Was sind Mikroformate?

Was sind Mikroformate?

Agenda

Beispiele

Beispiele

<address>
  GETIT GmbH<br />
  Emil-Figge-Straße 80<br />
  44227 Dortmund<br />
  Telefon: +49 (0)231 9742-300<br />
  Fax: +49 (0)231 9742-356<br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Beispiele

<address class="vcard">
  GETIT GmbH<br />
  Emil-Figge-Straße 80<br />
  44227 Dortmund<br />
  Telefon: +49 (0)231 9742-300<br />
  Fax: +49 (0)231 9742-356<br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Beispiele

Beispiele

<address class="vcard">
  <span class="adr">GETIT GmbH<br />
  Emil-Figge-Straße 80<br />
  44227 Dortmund</span><br />
  Telefon: +49 (0)231 9742-300<br />
  Fax: +49 (0)231 9742-356<br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Beispiele

Beispiele

<address class="vcard">
  <span class="adr">
    <span class="fn org">GETIT GmbH</span><br />
    <span class="street-address">Emil-Figge-Straße 80</span><br />
    <span class="postal-code">44227</span>
    <span class="locality">Dortmund</span>
  </span><br />
  Telefon: +49 (0)231 9742-300<br />
  Fax: +49 (0)231 9742-356<br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Beispiele

Beispiele

<address class="vcard">
  <span class="adr">
    <span class="fn org">GETIT GmbH</span><br />
    <span class="street-address">Emil-Figge-Straße 80</span><br />
    <span class="postal-code">44227</span>
    <span class="locality">Dortmund</span>
  </span><br />
  Telefon: <span class="tel">+49 (0)231 9742-300</span><br />
  <span class="tel">
    <span class="type">Fax</span>:
    <span class="value">+49 (0)231 9742-356</span>
  </span><br />
  E-Mail: <a href="mailto:info@getit.de">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/">www.getit.de</a>
</address>

Beispiele

Beispiele

<address class="vcard">
  <span class="adr">
    <span class="fn org">GETIT GmbH</span><br />
    <span class="street-address">Emil-Figge-Straße 80</span><br />
    <span class="postal-code">44227</span>
    <span class="locality">Dortmund</span>
  </span><br />
  Telefon: <span class="tel">+49 (0)231 9742-300</span><br />
  <span class="tel">
    <span class="type">Fax</span>:
    <span class="value">+49 (0)231 9742-356</span>
  </span><br />
  E-Mail: <a href="mailto:info@getit.de" class="email">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/" class="url">www.getit.de</a>
</address>

Beispiele

Beispiele

<address class="vcard">
  <span class="adr">
    <span class="fn org">GETIT GmbH</span><br />
    <span class="street-address">Emil-Figge-Straße 80</span><br />
    <span class="postal-code">44227</span>
    <span class="locality">Dortmund</span>
  </span><br />
  Telefon: <span class="tel">+49 (0)231 9742-300</span><br />
  <span class="tel">
    <span class="type">Fax</span>:
    <span class="value">+49 (0)231 9742-356</span>
  </span><br />
  E-Mail: <a href="mailto:info@getit.de" class="email">info@getit.de</a><br />
  Web: <a href="http://www.getit.de/" class="url">www.getit.de</a>
</address>

Beispiele

Beispiele

Beispiele

Beispiele

Beispiele

Beispiele

BEGIN:VCARD
PRODID:-//suda.co.uk//X2V 0.8 (BETA)//EN
SOURCE:http://www.getit.de/de/98/impressum/
NAME:vcard-Test
VERSION:3.0
N:;;;;
ORG;CHARSET=UTF-8:GETIT GmbH
FN;LANGUAGE=de;CHARSET=UTF-8:GETIT GmbH
EMAIL:info@getit.de
ADR;LANGUAGE=de;CHARSET=UTF-8:;;Emil-Figge-Straße 80;Dortmund;;44227;
TEL:+49 (0)231 9742-300
TEL;TYPE=fax:+49 (0)231 9742-356
URL:http://www.getit.de/
END:VCARD

Beispiele

Beispiele

Beispiele

Beispiele

Beispiele

Beispiele

<h3>Preisverleihung: <a href="/biene-2006/">BIENE 2006</a></h3>
          
<p>Seit 2003 prämieren die Aktion Mensch und die Stiftung Digitale
  Chancen die besten barrierefreien Angebote im Internet mit einer
  BIENE. BIENE steht für »Barrierefreies Internet eröffnet neue
  Einsichten«, aber auch für Kommunikation, gemeinsames Handeln und
  produktives Miteinander.</p>
  
<p>08. Dezember, Berlin, weitere Infos unter:
  <a href="http://www.biene-award.de/">biene-award.de</a>.</p>

Beispiele

<div class="vevent">
  <h3 class="summary">Preisverleihung:
    <a href="/biene-2006/" class="url">BIENE 2006</a></h3>
  
  <p class="description">Seit 2003 prämieren die Aktion Mensch und
    die Stiftung Digitale Chancen die besten barrierefreien Angebote
    im Internet mit einer BIENE. BIENE steht für »Barrierefreies
    Internet eröffnet neue Einsichten«, aber auch für Kommunikation,
    gemeinsames Handeln und produktives Miteinander.</p>

  <p><abbr class="dtstart" title="2006-12-08">08. Dezember</abbr>,
    <span class="location">Berlin</span>, weitere Infos unter:
    <a href="http://www.biene-award.de/" class="url">biene-award.de</a>.</p>
</div>

Beispiele

Beispiele

BEGIN:VEVENT
DESCRIPTION;LANGUAGE=de;CHARSET=UTF-8:Seit 2003 prämieren die
Aktion Mensch und die Stiftung Digitale Chancen die besten
barrierefreien Angebote im Internet mit einer BIENE. BIENE steht
für »Barrierefreies Internet eröffnet neue Einsichten«\, aber auch
für Kommunikation\, gemeinsames Handeln und produktives Miteinander.
LOCATION;LANGUAGE=de;CHARSET=UTF-8:Berlin
SUMMARY;LANGUAGE=de;CHARSET=UTF-8:Preisverleihung: BIENE 2006
DTSTART:20061208
URL:http://www.einfach-fuer-alle.de/biene-2006/
URL:http://www.biene-award.de/
END:VEVENT

Beispiele

Agenda

Werkzeuge und Hilfsmittel

Werkzeuge und Hilfsmittel

Werkzeuge und Hilfsmittel

Agenda

Mikroformate im Einsatz

Mikroformate im Einsatz

Agenda

Zusammenfassung und Fazit

Zusammenfassung und Fazit

Vielen Dank für Ihre Aufmerksamkeit!

Michael Jendryschik
michael@jendryschik.de