Mikroformate
Konzepte und Grundlagen
Agenda
- Was sind Mikroformate?
- Beispiele
- Werkzeuge und Hilfsmittel
- Mikroformate im Einsatz
- Zusammenfassung und Fazit
Was sind Mikroformate?
- HTML 4.01 und XHTML 1.0 kennen rund 90 Elementtypen zur semantischen Annotation von Inhalten
- (X)HTML-Dokumente sind menschen- und maschinenlesbar, für Maschinen jedoch semantisch unvollständig
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?
- Beispiel:
address
- Maschinenlesbar:
- Das Dokument enthält Kontaktinformationen über den Autor
Was sind Mikroformate?
- Beispiel:
address
- Maschinenlesbar:
- Das Dokument enthält Kontaktinformationen über den Autor
- Nicht maschinenlesbar:
- Name
- Adresse, bestehend aus Straße, PLZ und Ort
- Telefonnummer
- Faxnummer
- E-Mail-Adresse
- URL der Website
Was sind Mikroformate?
- Mikroformate sind Formate zur »Feinstrukturierung« von Webseiten
- (X)HTML-Dokumente werden menschen- und maschinenlesbar durch zusätzliche Informationen ergänzt
- Zuweisung von
class-, rel- oder rev-Attribute mit festgelegten Werten
- »Verlustloses (X)HTML«
Was sind Mikroformate?
- Ein vielversprechendes Konzept
- Unterstützung unter anderem durch Yahoo und Technorati
- Von Schlüsselfiguren wie Bill Gates und Tim O'Reilly als wichtig eingeschätzt
Agenda
- Was sind Mikroformate?
- Beispiele
- Werkzeuge und Hilfsmittel
- Mikroformate im Einsatz
- Zusammenfassung und Fazit
Beispiele
- Kontaktinformationen (hCard)
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
- Das Dokument enthält Kontaktinformationen über den Autor
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
- Das Dokument enthält Kontaktinformationen über den Autor
- Die Kontaktinformationen bestehen aus einer Adresse
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
- Das Dokument enthält Kontaktinformationen über den Autor
- Die Kontaktinformationen bestehen aus einer Adresse
- Die Adresse setzt sich aus dem Namen der Organisation, Straße, PLZ und Ort zusammen
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
- Das Dokument enthält Kontaktinformationen über den Autor
- Die Kontaktinformationen bestehen aus einer Adresse
- Die Adresse setzt sich aus dem Namen der Organisation, Straße, PLZ und Ort zusammen
- Es ist eine Telefon- und eine Faxnummer angegeben
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
- Das Dokument enthält Kontaktinformationen über den Autor
- Die Kontaktinformationen bestehen aus einer Adresse
- Die Adresse setzt sich aus dem Namen der Organisation, Straße, PLZ und Ort zusammen
- Es ist eine Telefon- und eine Faxnummer angegeben
- Die Kontaktinformationen enthalten ferner eine E-Mail-Adresse und die Angabe einer Website
Beispiele
- Kontaktinformationen (hCard)
<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
- Kontaktinformationen (hCard)
Beispiele
- Kontaktinformationen (hCard)
Beispiele
- Kontaktinformationen (hCard)
Beispiele
- Kontaktinformationen (hCard)
- Technorati: Echtzeit-Suchmaschine speziell für Weblogs
- Bietet einen Service zur Generierung einer Visitenkarte im VCF-Format aus dem hCard-Microformat
Beispiele
- Kontaktinformationen (hCard)
- Technorati: Echtzeit-Suchmaschine speziell für Weblogs
- Bietet einen Service zur Generierung einer Visitenkarte im VCF-Format aus dem hCard-Microformat
Beispiele
- Kontaktinformationen (hCard)
- Technorati: Echtzeit-Suchmaschine speziell für Weblogs
- Bietet einen Service zur Generierung einer Visitenkarte im VCF-Format aus dem hCard-Microformat
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
- Kontaktinformationen (hCard)
- Technorati: Echtzeit-Suchmaschine speziell für Weblogs
- Bietet einen Service zur Generierung einer Visitenkarte im VCF-Format aus dem hCard-Microformat
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
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
Agenda
- Was sind Mikroformate?
- Beispiele
- Werkzeuge und Hilfsmittel
- Mikroformate im Einsatz
- Zusammenfassung und Fazit
Werkzeuge und Hilfsmittel
Werkzeuge und Hilfsmittel
Werkzeuge und Hilfsmittel
Agenda
- Was sind Mikroformate?
- Beispiele
- Werkzeuge und Hilfsmittel
- Mikroformate im Einsatz
- Zusammenfassung und Fazit
Agenda
- Was sind Mikroformate?
- Beispiele
- Werkzeuge und Hilfsmittel
- Mikroformate im Einsatz
- Zusammenfassung und Fazit
Zusammenfassung und Fazit
- Mikroformate reichern Dokumente menschen- und maschinenlesbar mit semantischen Informationen an ohne ihren Content zu verändern
- Maschinenlesbare Semantik ist wiederverwendbarer Content
- Informationen lassen sich aus einer Website extrahieren und anderen Programmen zugänglich machen
- Mikroformate sind ein Teil des Web 2.0
- Kennzeichnung sozialer Beziehungen, Bookmarking, Tagging
Zusammenfassung und Fazit
- Webentwickler sollten schon heute beginnen, Mikroformate einzusetzen!
