{"id":257,"date":"2006-11-20T19:53:43","date_gmt":"2006-11-20T18:53:43","guid":{"rendered":"http:\/\/notizblog.org\/2006\/11\/20\/microformats\/"},"modified":"2021-01-08T15:19:23","modified_gmt":"2021-01-08T14:19:23","slug":"microformats","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2006\/11\/20\/microformats\/","title":{"rendered":"Microformats"},"content":{"rendered":"\n
\"microformats.jpg\"\/<\/figure><\/div>\n\n\n\n

Wenn man in letzter Zeit durchs Internet surft, stolpert man immer h\u00e4ufiger \u00fcber den Begriff „Microformats<\/a>“ oder sieht das gr\u00fcne Symbol auf Kontaktseiten. Aber was genau sind Microformats und f\u00fcr was sind sie gut?<\/p>\n\n\n\n

Wikipedia<\/a> meint dazu:<\/p>\n\n\n\n

Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen k\u00f6nnen leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verst\u00e4ndlich.<\/p><\/blockquote>\n\n\n\n

Das hei\u00dft, es werden vorhantenen Attributen (class, rel, rev) von (X)HTML<\/abbr> verwendet um neue Formate zu speziellen Themen- oder Wissensgebieten zu erstellen.<\/p>\n\n\n\n\n\n\n\n

Eines der ersten Formate war XFN<\/a><\/abbr>, es verwendt den „rel“ Tag um pers\u00f6nliche Verbindungen \u00fcber Links anzuzeigen. <a href=“http:\/\/pinki-tine.blogspot.com\/“ rel=“friend met colleague“>…\n<\/p>\n\n\n\n

Eine Anleitung und eine Liste von m\u00f6glichen „rel“-Tags findet ihr hier<\/a>.<\/p>\n\n\n\n

Ein zweites erw\u00e4hnenswertes Format ist „hCard<\/a>„. Es ist ein Versuch einen Onlinestandard f\u00fcr Kontakte zu erstellen.\n<\/p>\n\n\n

<div<\/span> class<\/span>=\"vcard\"<\/span>><\/span>\n  <a<\/span> class<\/span>=\"url fn\"<\/span> href<\/span>=\"http:\/\/example.com\"<\/span>><\/span>\n    Max Mustermann<\/a<\/span>><\/span>\n  <a<\/span> class<\/span>=\"email\"<\/span> href<\/span>=\"\n    mailto:max.mustermann@example.com\"<\/span>><\/span>\n    max.mustermann@example.com<\/a<\/span>><\/span>\n  <div<\/span> class<\/span>=\"adr\"<\/span>><\/span>\n    <div<\/span> class<\/span>=\"street-address\"<\/span>><\/span>Musterstr.<\/div<\/span>><\/span>\n    <span<\/span> class<\/span>=\"locality\"<\/span>><\/span>Musterstadt<\/span<\/span>><\/span>,\n    <span<\/span> class<\/span>=\"region\"<\/span>><\/span>MP<\/span<\/span>><\/span>, \n    <span<\/span> class<\/span>=\"postal-code\"<\/span>><\/span>11111<\/span<\/span>><\/span>\n    <span<\/span> class<\/span>=\"country-name\"<\/span>><\/span>Germany<\/span<\/span>><\/span>\n  <\/div<\/span>><\/span>\n  <div<\/span> class<\/span>=\"tel\"<\/span>><\/span>111 111 111<\/div<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Der Vorteil eines solchen Formates, er ist maschinen-lesbar. Das hei\u00dft es ist m\u00f6glich \u00fcber z.B. XSL<\/abbr> Schnittstellen eine vCard<\/a> zu erstellen. Technorati<\/a> z.B. bietet eine solche Schnittstelle<\/a>: http:\/\/technorati.com\/contact\/https:\/\/notiz.blog\/contact\/ <\/p>\n\n\n\n
Die Technorati Engine sucht auf der \u00fcbermittelten Seite nach einer hCard und wandelt diese in eine vCard um. Auch die Firma Apple, welche die vCard f\u00fcr ihr Adressbuch verwendet, nutzt das hCard-Format f\u00fcr ihr Onlineangebot<\/a> .Mac<\/a>.<\/p>\n\n\n\n
Auf der Seite suda.co.uk<\/a> gibt es Links und Informationen zu weiteren Implementierungs-M\u00f6glichkeiten.<\/p>\n\n\n\n
Das Problem bei dem ganzen ist, dass es Spammer dadurch noch leichter haben an komplette Adressen zu kommen…<\/p>\n\n\n\n
Ein enormer Vorteil dieser Formate ist die M\u00f6glichkeit Search Engines in soweit anzupassen, dass sie anhand von XFN Soziale Netzte abzubilden oder dank hCard sogar telefonbuch.de abzul\u00f6sen. Mal schaun wohin die Reise geht…<\/p>\n\n\n\n
Weitere Formate sind vCalendar<\/a>, XOXO<\/a>, hReview<\/a>, uvm.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Wenn man in letzter Zeit durchs Internet surft, stolpert man immer h\u00e4ufiger \u00fcber den Begriff „Microformats“ oder sieht das gr\u00fcne Symbol auf Kontaktseiten. Aber was genau sind Microformats und f\u00fcr was sind sie gut? Wikipedia meint dazu: Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen k\u00f6nnen leicht aus Webseiten extrahiert […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[5171,167,166,168,164,165,112],"class_list":{"0":"post-257","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-fediblog","8":"tag-hcalendar","9":"tag-hcard","10":"tag-markup","11":"tag-microformats","12":"tag-xfn","13":"tag-xhtml","14":"h-entry","15":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=257"}],"version-history":[{"count":5,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/257\/revisions"}],"predecessor-version":[{"id":21077,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/257\/revisions\/21077"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
(F\u00fcr Faule: Ein hCard Creator<\/a>)<\/p>\n\n\n\n