14.07.05Fördern Microformats Classitis?

Ein erster Blick auf eines der Formate könnte diese Vermutung nahelegen. So war es auch zunächst bei mir. Zur Veranschaulichung hier das Beispiellisting für eine hcard (quasi eine Meta-Visitenkarte):

<div class=”vcard”>
<a class=”url fn” xhref=”http://bs-markup.de” mce_href=”http://bs-markup.de”>
Björn Seibert
</a>
<div class=”adr”>
<div class=”street-address”>Bismarckstr. 86</div>
<span class=”locality”>Ludwigshafen</span>
<span class=”postal-code”>67059</span>
</div>
<div class=”tel”>0621-752xxx</div>
</div>


Nein, diese Microformate fördern keine Classitis, auch wenn man auf mehrere Klassen von Selektoren für CSS zurückgreifen muss. Das hat ganz einfach damit zu tun, dass zunächst die Daten und dann das Design eine Rolle spielen. Wie ich bereits letztens erläutert habe:

[…]
Es geht um die standardmäßige bzw. einheitliche Auszeichnung bestimmter Daten.
[…]
Die Darstellung könnte dann individuell gewählt werden, durch eigene Stylesheets. So ließen sich Termine von verschiedenen Websites auf der eigenen einbinden und durch die Definition eines Stylesheets an das Design der eigenen Site anpassen. Z.B. für alle Events, egal von welcher Website die Informationen stammen. Voraussetzung ist wie gesagt die einheitliche Auszeichnung der Daten im Quelltext, damit alle bei der visuellen Formatierung die gleichen Selektoren nutzen können.
[…]

Die Datensets werden über die umschließende Klasse (hier: vcard) identifiziert. D.h. sie könnten so von speziellen Suchdiensten auf Websites gefunden werden. Außerdem muss man genügend Bezugspunkte für eine individuelle visuelle Formatierung der Daten haben. Und wenn man z.B. mehrere Sets solcher Daten auf einer Website stylen möchte, weil man evtl. solche hcards sammelt, kann das nur mit Klassen funktionieren. Da im Gegensatz dazu IDs nur einmal pro Seite verwednet werden dürfen, auch wenn innerhalb des einzelnen Microformats weniger Klassen bzw. eine ID sinnvoller wären.

Bookmarks

Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • DotNetKicks
  • Furl
  • MisterWong
  • NewsVine
  • Spurl
  • Technorati

Mitreden? Dann schreibe einen Kommentar!

* = Pfichtfelder

Markup Webdesign Blog

Markup ist das Blog von Björn Seibert. Mehr
Impressum | Kontakt

Feed abonnieren