{"id":1790,"date":"2009-08-10T22:30:32","date_gmt":"2009-08-10T20:30:32","guid":{"rendered":"http:\/\/notizblog.org\/?p=1790"},"modified":"2020-11-14T00:57:35","modified_gmt":"2020-11-13T23:57:35","slug":"microdata-wie-microformats-bloss-besser-teil-1","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2009\/08\/10\/microdata-wie-microformats-bloss-besser-teil-1\/","title":{"rendered":"Microdata – wie Microformats blo\u00df besser… (Teil 1)"},"content":{"rendered":"\n

Der Inhalt wurde an die neusten \u00c4nderungen der Microdata-Spezifikation<\/a> angepasst. Letztes Update 30.01.2010.\n\tMicrodata \u2013 wie Microformats blo\u00df besser\u2026 (Teil 2)<\/a>: \u00fcber „Namenskollisionen und Namespaces“ und „Informationen Referenzieren“\n<\/p>\n\n\n\n

Wie schon erw\u00e4hnt<\/a>, vereint Microdata die Vorz\u00fcge von RDFa<\/a> und Microformats<\/a> in einem Standard… aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke L\u00f6sungen f\u00fcr diverse Microformats-Problemchen<\/a>.<\/p>\n\n\n\n

Das abbr-design-pattern<\/em> oder das value-class-pattern<\/em><\/h4>\n\n\n\n

Microformats:<\/strong><\/p>\n\n\n\n

Das abbr-design-pattern<\/a><\/em> ist bisher wohl das umstrittenste Pattern<\/a> im Microformats-Wiki<\/a>. Grund f\u00fcr die Kritik an dem Pattern ist die etwas unorthodoxe Verwendung<\/a> des <abbr><\/code> Tags um maschinenlesbare Meta-Informationen bereit zu stellen.<\/p>\n\n\n

<div<\/span> class<\/span>=\"vevent\"<\/span>><\/span>\n  <abbr<\/span> class<\/span>=\"dtstart\"<\/span> title<\/span>=\"2007-10-05\"<\/span>><\/span>October 5<\/abbr<\/span>><\/span>\n  ...\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
<div<\/span> class<\/span>=\"vevent\"<\/span>><\/span>\n  <span<\/span> class<\/span>='dtstart'<\/span>><\/span>\n    <span<\/span> class<\/span>='value-title'<\/span> title<\/span>='2007-10-05'<\/span>><\/span> <\/span<\/span>><\/span>\n    October 5\n  <\/span<\/span>><\/span>\n  ...\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Der HTML-Code wird durch weitere Elemente unn\u00f6tig aufgeblasen und das Pattern basiert auf teilweise leeren Elementen.<\/p>\n\n\n\n
Microdata\/HTML5:<\/strong><\/p>\n\n\n\n
In HTML5 gibt es dagegen ein spezielles Tag um Zeit und Datum sowohl user als auch maschinenlesbar zu machen.<\/p>\n\n\n
<div<\/span> itemscope<\/span>\n  itemtype<\/span>=\"http:\/\/microformats.org\/profile\/hcalendar\"<\/span>><\/span>\n  <time<\/span> itemprop<\/span>=\"dtstart\"<\/span> datetime<\/span>=\"2007-10-05\"<\/span>><\/span>October 5<\/time<\/span>><\/span>\n  ...\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Reine Meta-Informationen<\/h4>\n\n\n\n
Microformats:<\/strong><\/p>\n\n\n\n
Eigentlich spricht es gegen die Prinzipien der Microformats-Idee, reine Metadaten zu verwenden: <\/p>\n\n\n\n
Visible data = more accurate data. By designing for humans first and making the data presentable (thus viewed and verified<\/em> by humans), the data is inevitably more accurate, not only to begin with (as errors are easily\/quickly noticed by those viewing the pages\/sites), but over time as well; in that changes are noticed, and if data becomes out-of-date or obsolete, that’s more likely to be noticed as well. This is in direct contrast to „side files“ and invisible data like that contained in <meta><\/code> tags.
 — Tantek \u00c7elik<\/a><\/p><\/blockquote>\n\n\n\n
…aber GEO-Daten<\/a> sind z.B. Informationen die der Benutzer nicht unbedingt sehen muss.<\/p>\n\n\n
<div<\/span> class<\/span>=\"geo\"<\/span>><\/span>\n <span<\/span> class<\/span>=\"latitude\"<\/span>><\/span>37.386013<\/span<\/span>><\/span>\n <span<\/span> class<\/span>=\"longitude\"<\/span>><\/span>-122.082932<\/span<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Microdata\/HTML5:<\/strong><\/p>\n\n\n\n
<div<\/span> itemscope<\/span> \n itemtype<\/span>=\"http:\/\/microformats.org\/profile\/hcard#geo\"<\/span>><\/span>\n <meta<\/span> itemprop<\/span>=\"latitude\"<\/span> content<\/span>=\"37.386013\"<\/span> \/><\/span>\n <meta<\/span> itemprop<\/span>=\"longitude\"<\/span> content<\/span>=\"-122.082932\"<\/span> \/><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Fazit<\/h4>\n\n\n\n
Selbst wenn sich Microdata<\/a> (item und itemprop) nicht durchsetzen sollte, sind <meta> und <time><\/a> schon ein echter „Segen“ f\u00fcr die Microformats-Community<\/a> \ud83d\ude42<\/p>\n\n\n\n
Im zweiten Teil nehm‘ ich mir das include-pattern<\/a> und das Problem der m\u00f6glichen Namens<\/a>–Kollisionen<\/a> vor. Microdata \u2013 wie Microformats blo\u00df besser\u2026 (Teil 2)<\/a>: \u00fcber „Namenskollisionen und Namespaces“ und „Informationen Referenzieren“<\/p>\n","protected":false},"excerpt":{"rendered":"
Der Inhalt wurde an die neusten \u00c4nderungen der Microdata-Spezifikation angepasst. Letztes Update 30.01.2010. Microdata \u2013 wie Microformats blo\u00df besser\u2026 (Teil 2): \u00fcber „Namenskollisionen und Namespaces“ und „Informationen Referenzieren“ Wie schon erw\u00e4hnt, vereint Microdata die Vorz\u00fcge von RDFa und Microformats in einem Standard… aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke […]<\/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":[660,217,700,830,815,164,183,814,112],"class_list":{"0":"post-1790","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-abbr-design-pattern","8":"tag-html","9":"tag-html5","10":"tag-include-pattern","11":"tag-microdata","12":"tag-microformats","13":"tag-mikroformate","14":"tag-value-class-pattern","15":"tag-xhtml","16":"h-entry","17":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1790","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=1790"}],"version-history":[{"count":1,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1790\/revisions"}],"predecessor-version":[{"id":20681,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1790\/revisions\/20681"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=1790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=1790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
In HTML5 gibt es f\u00fcr dieses Problem eine recht schicke L\u00f6sung: Laut der Spezifikation<\/a> sind <meta \/>-Tags im kompletten Quellcode (auch im body<\/code>) erlaubt.<\/p>\n\n\n
Eine erste Alternative aus der Microformats-Community ist das value-class-pattern<\/a><\/em>, das zwar das Accessibility-Problem „behebt“ aber noch lange keine Perfekte L\u00f6sung bietet.<\/p>\n\n\n