{"id":3693,"date":"2011-06-26T22:06:32","date_gmt":"2011-06-26T20:06:32","guid":{"rendered":"http:\/\/notizblog.org\/?p=3693"},"modified":"2018-03-06T00:01:51","modified_gmt":"2018-03-05T23:01:51","slug":"microdata-wie-microformats-blos-besser-teil-2","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2011\/06\/26\/microdata-wie-microformats-blos-besser-teil-2\/","title":{"rendered":"Microdata \u2013 wie Microformats blo\u00df besser\u2026 (Teil 2)"},"content":{"rendered":"\n

Microdata \u2013 wie Microformats blo\u00df besser\u2026 (Teil 1)<\/a>: \u00fcber abbr-design-pattern, value-class-pattern und Meta-Informationen<\/strong><\/p>\n\n\n\n

Knapp zwei Jahre nach dem ersten Teil, komme ich endlich mal zu Nummer 2 \ud83d\ude42 Nach den ganzen Diskussionen um schema.org<\/a> und Microformats V2<\/a> ist es mal wieder an der Zeit, am Image von Microdata zu arbeiten.<\/p>\n\n\n\n

Namenskollisionen und Namespaces<\/em><\/h3>\n\n\n\n

class<\/code>-Attribute werden in erster Linie zum Gestalten (CSS) und f\u00fcr JS benutzt! Laut "The State of Web Development 2010<\/a><\/em>" setzen nur knapp 35% aller Befragten<\/a> Microformats ein, das hei\u00dft mehr als 65% haben keine Ahnung von Mikroformaten oder setzten sie nicht ein. Das kann zu zwei Problemen f\u00fchren:<\/p>\n\n\n\n

    \n
  1. Microformats werden oft durch Re-Designs zerst\u00f6rt. Facebook ist wohl das prominenteste Beispiel, nach einem Re-Design verschwanden alle Microformats von den Profilseiten.<\/li>\n
  2. Es werden f\u00e4lschlicherweise class<\/code>-Attribute interpretiert die gar nichts mit Microformats zu tun haben nur zuf\u00e4llig den passenden Namen tragen. Anf\u00e4llige Klassen sind z.B. url<\/code> (hCard), photo<\/code> (hCard), summary<\/code> (hReview), description<\/code> (hReview) oder author<\/code> (hAtom).<\/li>\n<\/ol>\n\n\n\n

    Um diesem Problem Herr zu werden denkt die Community<\/del> Tantek \u00c7elik \u00fcber eine Art Namespace<\/em>-Erweiterung<\/a> nach.<\/p>\n\n\n\n

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

    So k\u00f6nnten Microformtas demn\u00e4chst folgenderma\u00dfen aussehen:<\/p>\n\n\n

    <div<\/span> class<\/span>=\"h-card\"<\/span>><\/span>\n <span<\/span> class<\/span>=\"p-fn\"<\/span>><\/span>Max Mustermann<\/span<\/span>><\/span>\n<\/div<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
    Dabei steht:<\/p>\n\n\n\n