{"id":1700,"date":"2009-06-18T23:23:08","date_gmt":"2009-06-18T21:23:08","guid":{"rendered":"http:\/\/notizblog.org\/?p=1700"},"modified":"2023-03-01T16:41:32","modified_gmt":"2023-03-01T15:41:32","slug":"microdata-semantisches-html5","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2009\/06\/18\/microdata-semantisches-html5\/","title":{"rendered":"Microdata – Semantisches HTML5"},"content":{"rendered":"\n

Der Inhalt wure an die neusten \u00c4nderungen der Microdata-Spezifikation<\/a> angepasst. Letztes Update 30.01.2010.\n<\/p>\n\n\n\n

In dem Punkt, dass HTML semantischer werden muss, ist sich die Web-Welt einig, nur das „Wie“ ist noch nicht ganz klar. Aus verschiedenen Gr\u00fcnden<\/a> (die alle sehr, sehr technisch sind) ist die WHATWG<\/a><\/abbr>-Community bzw. Ian Hickson<\/a> im speziellen, nicht sehr begeistert von dem bisherigen De-facto-Standard RDFa<\/abbr><\/a> und hat deshalb vor ein paar Wochen Microdata<\/a> als eine m\u00f6gliche Alternative vorgestellt.<\/p>\n\n\n\n

Microdata-Objekte bestehen eigentlich nur<\/em> aus einer Vielzahl von Key\/Value-Paaren. Ein Object<\/em> wird durch einen umschlie\u00dfenden HTML-Tag mit einem itemscope<\/code>-Attribut gekennzeichnet und hat mehrere Properties<\/em> ausgezeichnet durch itemprop<\/code>-Attribute.<\/p>\n\n\n

<div<\/span> itemscope<\/span>><\/span>\n <p<\/span>><\/span>Mein Name ist <span<\/span> itemprop<\/span>=\"name\"<\/span>><\/span>Matthias<\/span<\/span>><\/span>.<\/p<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Microdata im Microformats-Stil<\/h4>\n\n\n\n
Um z.B. eine hCard<\/a> mit Microdata abzubilden muss man eigentlich nur die bisher verwendeten class<\/code> durch itemprop<\/code>-Attribute zu ersetzen und mit itemtype<\/code> das Format festlegen.<\/p>\n\n\n
<div<\/span> itemscope<\/span> itemtype<\/span>=\"http:\/\/microformats.org\/profile\/hcard\"<\/span>><\/span>\n <span<\/span> itemprop<\/span>=\"fn\"<\/span>><\/span>Matthias Pfefferle<\/span<\/span>><\/span>\n <img<\/span> itemprop<\/span>=\"photo\"<\/span> src<\/span>=\"avatar.png\"<\/span> alt<\/span>=\"Avatar\"<\/span> \/><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
HTML5 und Microdata bieten au\u00dferdem eine ganze Reihe weiterer Tags und Attribute die alle bisherigen Microformats-Probleme beheben sollten. Aber darauf werde ich in einem extra Artikel noch detaillierter darauf eingehen.<\/p>\n\n\n\n
Microdata im RDFa-Stil<\/h4>\n\n\n\n
item<\/code> und itemprop<\/code> k\u00f6nnen aber auch durch URIs (\u00e4hnlich wie RDFa) ausgezeichnet werden und w\u00fcrden sich dadurch relativ leicht (durch z.B. GRDDL<\/a><\/abbr>) in klassisches RDF<\/a><\/abbr> konvertieren lassen.<\/p>\n\n\n
<div<\/span> itemscope<\/span> itemtype<\/span>=\"http:\/\/www.w3.org\/2001\/vcard-rdf\/3.0#\"<\/span>><\/span>\n  <span<\/span> itemprop<\/span>=\"http:\/\/www.w3.org\/2001\/vcard-rdf\/3.0#fn\"<\/span>><\/span>\n    Matthias Pfefferle\n  <\/span<\/span>><\/span>\n  <img<\/span> itemprop<\/span>=\"http:\/\/www.w3.org\/2001\/vcard-rdf\/3.0#photo\"<\/span>\n       src<\/span>=\"avatar.png\"<\/span> alt<\/span>=\"Avatar\"<\/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
Trotz anf\u00e4nglicher Skepsis<\/a> bin ich immer begeisterter von dem neuen HTML5 Draft! Microdata f\u00fchlt sich einfach viel mehr nacht HTML an… <\/p>\n\n\n
<div<\/span> itemscope<\/span> itemtype<\/span>=\"http:\/\/microformats.org\/profile\/hcard\"<\/span>><\/span>\n  <a<\/span> itemprop<\/span>=\"url\"<\/span> href<\/span>=\"https:\/\/notiz.blog\"<\/span>><\/span>\n    <span<\/span> itemprop<\/span>=\"fn\"<\/span>><\/span>Matthias Pfefferle<\/span<\/span>><\/span>\n  <\/a<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
…als RDFa.<\/p>\n\n\n
<div<\/span> xmlns:foaf<\/span>=\"http:\/\/xmlns.com\/foaf\/0.1\/\"<\/span>><\/span>\n  <span<\/span> typeof<\/span>=\"foaf:Person\"<\/span>><\/span>\n    <a<\/span> property<\/span>=\"foaf:name\"<\/span> rel<\/span>=\"foaf:homepage\"<\/span> href<\/span>=\"https:\/\/notiz.blog\"<\/span>><\/span>\n      Matthias\n    <\/a<\/span>><\/span>\n  <\/span<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Trotzdem hoffe ich, dass man sich doch noch irgendwie einigen kann und sich vielleicht in der Mitte trifft. Zwei neue HTML-Spezifikationen (XHTML2 & (X)HTML5) sind schon verwirrend genug, da brauchen wir nicht auch noch zwei unterschiedliche Semantik-HTML<\/em>-Standards<\/p>\n","protected":false},"excerpt":{"rendered":"
Der Inhalt wure an die neusten \u00c4nderungen der Microdata-Spezifikation angepasst. Letztes Update 30.01.2010. In dem Punkt, dass HTML semantischer werden muss, ist sich die Web-Welt einig, nur das „Wie“ ist noch nicht ganz klar. Aus verschiedenen Gr\u00fcnden (die alle sehr, sehr technisch sind) ist die WHATWG-Community bzw. Ian Hickson im speziellen, nicht sehr begeistert von […]<\/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,700,815,164,183,649,527,536],"class_list":{"0":"post-1700","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-fediblog","8":"tag-html5","9":"tag-microdata","10":"tag-microformats","11":"tag-mikroformate","12":"tag-posh","13":"tag-rdfa","14":"tag-semantic-html","15":"h-entry","16":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1700","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=1700"}],"version-history":[{"count":5,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1700\/revisions"}],"predecessor-version":[{"id":22520,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/1700\/revisions\/22520"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=1700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=1700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=1700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Microdata ist f\u00fcr mich die gelungene Weiterentwicklung der Microformats-Idee<\/a> unter Ber\u00fccksichtigung von RDFa und prinzipiell lassen sich auch beide Standards mit Microdata umsetzen. Wie generell von HTML5 gewohnt, kann man auch Microdata auf viele verschiedene Weisen benutzen ohne den Standard zu verletzen.<\/p>\n\n\n\n