Search
Items tagged with: hCalendar
# Microformats
Wenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff „Microformats“ oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut?
Wikipedia meint dazu:
Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen können leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verständlich.
Das heißt, es werden vorhantenen Attributen (class, rel, rev) von (X)HTML verwendet um neue Formate zu speziellen Themen- oder Wissensgebieten zu erstellen.
Eines der ersten Formate war XFN, es verwendt den „rel“ Tag um persönliche Verbindungen über Links anzuzeigen. <a href=“http://pinki-tine.blogspot.com/“ rel=“friend met colleague“>…
Eine Anleitung und eine Liste von möglichen „rel“-Tags findet ihr hier.
Ein zweites erwähnenswertes Format ist „hCard„. Es ist ein Versuch einen Onlinestandard für Kontakte zu erstellen.
<div class="vcard"> <a class="url fn" href="http://example.com"> Max Mustermann</a> <a class="email" href=" mailto:max.mustermann@example.com"> max.mustermann@example.com</a> <div class="adr"> <div class="street-address">Musterstr.</div> <span class="locality">Musterstadt</span>, <span class="region">MP</span>, <span class="postal-code">11111</span> <span class="country-name">Germany</span> </div> <div class="tel">111 111 111</div></div>Code-Sprache: HTML, XML (xml)
(Für Faule: Ein hCard Creator)
Der Vorteil eines solchen Formates, er ist maschinen-lesbar. Das heißt es ist möglich über z.B. XSL Schnittstellen eine vCard zu erstellen. Technorati z.B. bietet eine solche Schnittstelle: http://technorati.com/contact/https://notiz.blog/contact/
Die Technorati Engine sucht auf der übermittelten Seite nach einer hCard und wandelt diese in eine vCard um. Auch die Firma Apple, welche die vCard für ihr Adressbuch verwendet, nutzt das hCard-Format für ihr Onlineangebot .Mac.
Auf der Seite suda.co.uk gibt es Links und Informationen zu weiteren Implementierungs-Möglichkeiten.
Das Problem bei dem ganzen ist, dass es Spammer dadurch noch leichter haben an komplette Adressen zu kommen…
Ein enormer Vorteil dieser Formate ist die Möglichkeit Search Engines in soweit anzupassen, dass sie anhand von XFN Soziale Netzte abzubilden oder dank hCard sogar telefonbuch.de abzulösen. Mal schaun wohin die Reise geht…
# BBC und das alte hAccessibility Problemchen
Dass die abbr-design-pattern nicht das gelbe vom Ei sind (massive Probleme mit Screen-Readern), hat das Web Standards Project (WaSP) schon vor mehr als einem Jahr festgestellt, aber es bedarf meistens etwas Druck von außen damit sich wirklich etwas ändert.
Nach der Ankündigung der BBC, alle Microformats (die das abbr-design-pattern verwenden) von ihren Seiten (speziell bbc.co.uk/programmes) zu nehmen, ist die alte Diskussion wieder in vollem Gange.
Diskutierte Lösungen:
<span class="dtstart data-20051010T10:10:10-0100">10 o'clock on the 10th</span>
<span class="dtstart{2005-10-10T10:10:10-0100}">10 o'clock</span>
<abbr class="dtstart data{2008-06-23}" title=June 23rd, 2008">Today</abbr>
<abbr class="fancy data{2008-06-23} dstart" title=June 23rd, 2008">Today</abbr>
<span class="dtstart" content="2008-06-23">Today</span>
(Nicht XHTML 1.x valide)
Noch mehr Infos zu dem Thema bekommt man im Wiki oder über die Mailing-Liste.
(via hackr)
#abbr #abbrDesignPattern #BBC #hCalendar #Microformats
# Die abbr Design PatternBruce Lawson und James Craig von WaSP äußern ihre Kritik an den Microformats
abbr
Design Pattern speziell in Verwendung mit Zeit- und Datumsangaben.#abbr #date #DesignPattern #Microformats #WaSP
Bruce Lawson - The Web Standards Project
The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.www.webstandards.org
BBC - Radio Labs: Removing Microformats from bbc.co.uk/programmes
Since /programmes first went live we've been working to ensure that programme data was accessible to people and machines alike. The API design was baked in at the application design...www.bbc.co.uk
# Microformats: Value Class Pattern
Das bisher wohl größte Problem bei der Verwendung von Microformats ist (oder besser wahr) die Accessibility durch die etwas zweckentfremdete Verwendung des <abbr />
-Tags.
Das so genanntes abbr-design-pattern diente hauptsächlich dazu (es gibt noch einige andere Anwendungsfälle), ein für den Menschen lesbares Datum auch für die Maschine lesbar zu machen und ist Bestandteil von Mikroformaten wie z.B. hCalendar, hAtom oder hReview.
Ein Beispiel: <abbr class="dtstart" title="2009-05-12">heute</abbr>
SelfHTML über das abbr-Element:
zeichnet einen Text aus mit der Bedeutung „dies ist eine Abkürzung“
Selbst wenn man davon ausgeht, dass das Wort heute eine Abkürzung für das volle Datum 2009-05-12 ist, gibt es ein großes Problem mit Screen-Readern. Die meisten Screen-Reader sind so konfiguriert, dass sie statt der Abkürzung, das im title-Attribut angegebene, vollständige Wort lesen.
Im Falle der abbr-design-pattern im oben genannten Beispiel wäre das 2009-05-12 (gelesen „Zweitausendneun minus Fünf minus Zwölf“), also viel missverständlicher als heute.
Das gerade angekündigte value-class-pattern soll dieses (und einige andere) Problem jetzt beheben.
Ein Datum, wie im Beispiel oben, würde mit dem value-class-pattern folgendermaßen aussehen:
<span class='dtstart'> <span class='value-title' title='2009-05-12'> </span> heute</span>Code-Sprache: HTML, XML (xml)
Erklärung:
- dtstart gibt immer noch an, dass es sich bei dem folgenden um ein Datum handelt
- Die folgende Klasse: value-title gibt an, dass sich dtstart auf das title-Attribut des spans bezieht
- Im title steht der maschinen-lesbare text
Das neue Pattern beschreibt aber noch eine ganze Reihe an anderen Anwendungsfällen, am besten ihr überfliegt die Seite einfach mal selbst: http://microformats.org/wiki/value-class-pattern
…es sind übrigens alle Microformats-Nutzer aufgerufen, ihre Seiten und Parser auf das neue Pattern umzustellen, also viel Spaß dabei 🙂
#abbrDesignPattern #Accessibility #GEO #hAccessibility #hAtom #hCalendar #Microformats #Mikroformate #valueClassPattern
# Microformats: Value Class PatternDas bisher wohl größte Problem bei der Verwendung von Microformats ist (oder besser wahr) die Accessibility durch die etwas zweckentfremdete Verwendung des
<abbr />
-Tags.Das so genanntes abbr-design-pattern diente hauptsächlich dazu (es gibt noch einige andere Anwendungsfälle), ein für den Menschen lesbares Datum auch für die Maschine lesbar zu machen und ist Bestandteil von Mikroformaten wie z.B. hCalendar, hAtom oder hReview.
Ein Beispiel:
<abbr class="dtstart" title="2009-05-12">heute</abbr>
SelfHTML über das abbr-Element:
zeichnet einen Text aus mit der Bedeutung „dies ist eine Abkürzung“
Selbst wenn man davon ausgeht, dass das Wort heute eine Abkürzung für das volle Datum 2009-05-12 ist, gibt es ein großes Problem mit Screen-Readern. Die meisten Screen-Reader sind so konfiguriert, dass sie statt der Abkürzung, das im title-Attribut angegebene, vollständige Wort lesen.
Im Falle der abbr-design-pattern im oben genannten Beispiel wäre das 2009-05-12 (gelesen „Zweitausendneun minus Fünf minus Zwölf“), also viel missverständlicher als heute.Das gerade angekündigte value-class-pattern soll dieses (und einige andere) Problem jetzt beheben.
Ein Datum, wie im Beispiel oben, würde mit dem value-class-pattern folgendermaßen aussehen:
<span class='dtstart'> <span class='value-title' title='2009-05-12'> </span> heute</span>Code-Sprache: HTML, XML (xml)
Erklärung:
- dtstart gibt immer noch an, dass es sich bei dem folgenden um ein Datum handelt
- Die folgende Klasse: value-title gibt an, dass sich dtstart auf das title-Attribut des spans bezieht
- Im title steht der maschinen-lesbare text
Das neue Pattern beschreibt aber noch eine ganze Reihe an anderen Anwendungsfällen, am besten ihr überfliegt die Seite einfach mal selbst: http://microformats.org/wiki/value-class-pattern
…es sind übrigens alle Microformats-Nutzer aufgerufen, ihre Seiten und Parser auf das neue Pattern umzustellen, also viel Spaß dabei 🙂
#abbrDesignPattern #Accessibility #GEO #hAccessibility #hAtom #hCalendar #Microformats #Mikroformate #valueClassPattern
# HTML5 is made for Microformats
Naja, nicht wirklich aber immerhin hat es RDFa bis dato nicht in die HTML5 Spezifikation geschafft. Es gibt zwar einen Milestone…
The HTML WG is encouraged to provide a mechanism to permit independently developed vocabularies such as Internationalization Tag Set (ITS), Ruby, and RDFa to be mixed into HTML documents.
…aber wer weiß wie lange das noch dauert. Das heißt wohl, dass die Microformats noch eine gewisse Zeit lang als Übergangslösung her halten müssen. Aber das ist ne andere Geschichte…
Eigentlich wollte ich auf zwei HTML5 – Elemente eingehen, die eine schicke Alternative zu den bisherigen (in vielen Microformats verwendeten) abbr-design-pattern bietet.
Der <time />-Tag
Das [url=http://www.w3.org/html/wg/html5/#time]time[/url]
Element ermöglicht das kennzeichnen eines Datums in z.B. Blogposts o.Ä.
The primary use cases for these elements are for marking up publication dates e.g. in blog entries, and for marking event dates in hCalendar markup.
Also:
<time datetime="2006-09-23">a Saturday</time>Code-Sprache: HTML, XML (xml)
statt:
<abbr title="2006-09-23">a Saturday</abbr>Code-Sprache: HTML, XML (xml)
Ein hCalendar könnte dann so aussehen:
<div class="vevent"> <span class="summary">event title</span> <time datetime="2006-09-23" class="dtstart dtend">a Saturday</time></div>Code-Sprache: HTML, XML (xml)
Custom data attributes (data-)
Ein custom data attribute ist ein frei benutzbares Attribut um Elemente mit Metadaten anzureichern. Die einzige Vorgabe ist, dass es mit data-
beginnen muss. Ein Beispiel:
<div class="monkey" data-arms="2" data-legs="2" data-race="chimp"> Cheetah</div>Code-Sprache: HTML, XML (xml)
Ideal auch als <abbr />
-Ersatz bei z.B. dem Geo-Microformat.
Also:
<div class="geo" data-latitude="49.5483" data-longitude="8.6661">Weinheim</div>Code-Sprache: HTML, XML (xml)
statt:
<abbr class="geo" title="49.5483;8.6661">Weinheim</abbr>Code-Sprache: HTML, XML (xml)
Fazit
(X)HTML (egal ob XHTML2 mit RDFa oder X/HTML5) wird also definitiv ein semantisches Feuerwerk, ganz im Sinne von Tim Berners Lee…
Ich freu mich 🙂
#abbrDesignPattern #GEO #hCalendar #HTML #HTML5 #Microformats #RDFa #SemanticHTML #XHTML
# HTML5 is made for MicroformatsNaja, nicht wirklich aber immerhin hat es RDFa bis dato nicht in die HTML5 Spezifikation geschafft. Es gibt zwar einen Milestone…
The HTML WG is encouraged to provide a mechanism to permit independently developed vocabularies such as Internationalization Tag Set (ITS), Ruby, and RDFa to be mixed into HTML documents.
…aber wer weiß wie lange das noch dauert. Das heißt wohl, dass die Microformats noch eine gewisse Zeit lang als Übergangslösung her halten müssen. Aber das ist ne andere Geschichte…Eigentlich wollte ich auf zwei HTML5 – Elemente eingehen, die eine schicke Alternative zu den bisherigen (in vielen Microformats verwendeten) abbr-design-pattern bietet.
Der <time />-Tag
Das[url=http://www.w3.org/html/wg/html5/#time]time[/url]
Element ermöglicht das kennzeichnen eines Datums in z.B. Blogposts o.Ä.The primary use cases for these elements are for marking up publication dates e.g. in blog entries, and for marking event dates in hCalendar markup.
Also:
<time datetime="2006-09-23">a Saturday</time>Code-Sprache: HTML, XML (xml)
statt:
<abbr title="2006-09-23">a Saturday</abbr>Code-Sprache: HTML, XML (xml)
Ein hCalendar könnte dann so aussehen:
<div class="vevent"> <span class="summary">event title</span> <time datetime="2006-09-23" class="dtstart dtend">a Saturday</time></div>Code-Sprache: HTML, XML (xml)Custom data attributes (data-)
Ein custom data attribute ist ein frei benutzbares Attribut um Elemente mit Metadaten anzureichern. Die einzige Vorgabe ist, dass es mitdata-
beginnen muss. Ein Beispiel:
<div class="monkey" data-arms="2" data-legs="2" data-race="chimp"> Cheetah</div>Code-Sprache: HTML, XML (xml)
Ideal auch als<abbr />
-Ersatz bei z.B. dem Geo-Microformat.Also:
<div class="geo" data-latitude="49.5483" data-longitude="8.6661">Weinheim</div>Code-Sprache: HTML, XML (xml)
statt:
<abbr class="geo" title="49.5483;8.6661">Weinheim</abbr>Code-Sprache: HTML, XML (xml)Fazit
(X)HTML (egal ob XHTML2 mit RDFa oder X/HTML5) wird also definitiv ein semantisches Feuerwerk, ganz im Sinne von Tim Berners Lee…Ich freu mich 🙂
#abbrDesignPattern #GEO #hCalendar #HTML #HTML5 #Microformats #RDFa #SemanticHTML #XHTML