HCard

hCard ist ein Mikroformat für die Veröffentlichung von Kontaktinformationen (die auch nicht mehr als den Namen enthalten können) von Personen, Unternehmen, Organisationen und Orten in HTML, Atom, RSS oder beliebigem XML.^[1] Das hCard-Mikroformat erreicht dies durch 1:1-Darstellung der vCard-(RFC 2426)-Eigenschaften^[2] und Einträge, die durch HTML-Klassen und rel-Attribute gekennzeichnet sind.

Es ermöglicht Analysewerkzeugen (zum Beispiel anderen Websites oder Firefox’ Operator-Erweiterung) die Details zu extrahieren und sie mit Hilfe anderer Websites oder Zuordnungswerkzeugen, sie zu indizieren oder zu durchsuchen, oder sie in ein Adressbuch zu laden.

Im Mai 2009 kündigte Google an, die Mikroformate hCard, hReview and hProduct zu analysieren und zur Ergänzung in Suchergebnisseiten zu verwenden.^[3] Im September 2010 gab Google die Absicht bekannt, hCard- und hReview-Information in seinen lokalen Suchergebnissen anzuzeigen.^[4] Im Februar 2011 begann Facebook mit der Verwendung von hCard zur Kennzeichnung von Veranstaltungsorten.^[5]

Beispiel

Beachte folgenden HTML-Auszug:

<ul>
    <li>Maximilian Mustermann</li>
    <li>May</li>
    <li>Beispielunternehmen</li>
    <li>+49 30 23125 123</li>
    <li><a href="https://example.de/">https://example.de/</a></li>
</ul>

Mit Mikroformat-Kennzeichnung wird daraus:

<ul class="vcard">
    <li class="fn">Maximilian Mustermann</li>
    <li class="nickname">Max</li>
    <li class="org">Beispielunternehmen</li>
    <li class="tel">+49 30 2315 123</li>
    <li><a class="url" href="https://example.de/">https://example.de/</a></li>
</ul>

Ein Profil kann optional in den Seitenkopf integriert werden:

<link rel="profile" href="http://microformats.org/profile/hcard">

Hier werden die Eigenschaften fn (Vollständiger Name), Spitzname, org (Organisation), tel (Telefonnummer) und url (Web-Adresse) unter Verwendung bestimmter Klassennamen gekennzeichnet. Der gesamte Eintrag wird mit class="vcard" zusammengefasst, das zeigt, dass die anderen Klassen eine hcard bilden und nicht nur zufällig so benannt wurden. Wenn die hCard für eine Organisation oder einen Veranstaltungsort vorgesehen ist, werden die fn und org Klassen im selben Element verwendet. Wie hier: <span class="fn org">Wikipedia</span> oder <span class="fn org">Wembley Stadium</span>. Es existieren auch weitere optionale hCard-Klassen.

Es ist für Software, zum Beispiel Browser-Erweiterungen, mittlerweile möglich diese Informationen auszulesen und an andere Anwendungen, wie ein Adressbuch, zu übergeben.

Geo und adr

Das Geo-Mikroformat ist ein Teil der hCard-Spezifikation und wird oft verwendet, um die Koordinaten eines Ortes in eine hCard zu integrieren.

Der adr-Teil der hCard kann auch als selbstständiges Mikroformat verwendet werden.

Weitere Attribute

Andere häufig verwendete hCard-Attribute sind

bday – das Geburtsdatum einer Person
email
honorific-prefix – Ehrenvorsatz
honorific-suffix – Ehrenanhang
label – für nicht-granulare Adressen
logo
nickname – der Spitzname einer Person
note – Freitext
photo
post-office-box – Postfach

Siehe auch

Literatur

John Allsopp: Microformats: Empowering Your Markup for Web 2.0. 2007, ISBN 978-1-59059-814-6 (englisch).

Weblinks

hCard spec. microformats.org
hCard cheat-sheet. microformats.org

Einzelnachweise

↑ Leslie Sikos: Web Standards: Mastering HTML5, CSS3, and XML. 2011, ISBN 978-1-4302-4041-9 (englisch).
↑ RFC 2426 – vCard MIME Directory Profile. September 1998 (englisch).
↑ Kavi Goel, Ramanathan V. Guha: Introducing Rich Snippets. In: Google Webmaster Central Blog. 12. Mai 2009, abgerufen am 25. Mai 2009 (englisch).
↑ Mike Blumenthal: Google Announces Full Support for Microformats in Local. In: blumenthals.com. Understanding Google Maps, 22. September 2010, abgerufen am 30. September 2010 (englisch).
↑ Emil Protalinski: Facebook adds hCalendar and hCard microformats to Events. ZDNet, 18. Februar 2011, abgerufen am 24. März 2011 (englisch).

[1] Leslie Sikos: Web Standards: Mastering HTML5, CSS3, and XML. 2011, ISBN 978-1-4302-4041-9 (englisch).

[2] RFC 2426 – vCard MIME Directory Profile. September 1998 (englisch).

[Rich-Snippets-3] Kavi Goel, Ramanathan V. Guha: Introducing Rich Snippets. In: Google Webmaster Central Blog. 12. Mai 2009, abgerufen am 25. Mai 2009 (englisch).

[Rich-Snippets_In_Local-4] Mike Blumenthal: Google Announces Full Support for Microformats in Local. In: blumenthals.com. Understanding Google Maps, 22. September 2010, abgerufen am 30. September 2010 (englisch).

[Protalinski-5] Emil Protalinski: Facebook adds hCalendar and hCard microformats to Events. ZDNet, 18. Februar 2011, abgerufen am 24. März 2011 (englisch).

[1]

[2]

[3]

[4]

[5]