Search
Items tagged with: posh
# RDFa wird wohl doch in HTML5 integriert
Manu Sporny und die RDFa Task Force haben es doch noch nicht geschafft, Ian Hickson davon zu überzeugen RDFa in HTML5 zu integrieren und versuchen es jetzt im Alleingang. Es gibt auch schon einen ersten Editors Draft von HTML5+RDFa.
Besonders spannend finde ich folgenden Abschnitt aus Manu Spornys Blogpost zu dem neuen Draft:
I specifically did not remove the Microdata section from the HTML5+RDFa specification because it provides competition for RDFa – competition is a good thing. It forces the RDFa Task Force to re-think some assumptions we’ve made and to see if we can provide both backwards-compatibility and some of the features provided via Microformats as well as Ian’s Microdata proposal.
Ich versteh das jetzt mal so, dass endlich beide Parteien verstanden haben die RDFa Task Force verstanden hat dass sowohl RDFa als auch Microformats ihre Daseinsberechtigung haben und Microdata die Vorteile beider Standards schön vereint.
Mal schaun ob ich die Tage mal etwas Zeit finde, die einzelnen Standards nochmal detaillierter Vorzustellen bzw. zu Vergleichen und nochmal zu beschreiben warum die Idee hinter Microdata so großartig ist!
via Manu Sporny
#HTML5 #Microdata #Microformats #posh #RDFa #SemanticHTML
# RDFa BasicsWer sich viel mit Microformats beschäftigt, ist sicher schon öfters über den Begriff RDFa gestolpert. Die Idee, (X)HTML semantischer zu machen, ist bei beiden Formaten gleich, der Unterschied liegt hauptsächlich in der Syntax.
Während Microformats ausschließlich auf HTML 4.01 bzw. XHTML 1.0 validen Tags und Attributen basiert:
<div class="vcard"> <span class="fn">Max Mustermann</span> <a class="email" href="mailto:max.mustermann@example.org"> max.mustermann@example.org </a></div>Code-Sprache: HTML, XML (xml)
Beispiel hCard…basiert RDFa auf dem klassischen RDF und mit XHTML 2.0 neu eingeführten Attributen wie z.B.
propertyundabout:
<body xmlns:contact="http://www.w3.org/2001/vcard-rdf/3.0#"> <span property="contact:fn">Max Mustermann</span> <a rel="contact:email" href="mailto:max.mustermann@example.org"> max.mustermann@example.org </a></body>Code-Sprache: HTML, XML (xml)
Beispiel vCard RDF in RDFaEine gute Einführung in das Thema RDFa bietet das Video von Manu Sporny:
Inhalt von YouTube anzeigen
Hier klicken, um den Inhalt von YouTube anzuzeigen.
Erfahre mehr in der Datenschutzerklärung von YouTube.Inhalt von YouTube immer anzeigen
Rein Technisch gesehen ist RDFa, durch die Nutzung von Namespaces und die bessere Skalierbarkeit durch URIs, definitiv der bessere Standard. Ich denke trotzdem nicht dass RDFa die Microformats in näherer Zukunft ablösen wird, da RDFa nur unter XHTML 2.0 möglich ist und (meines Wissens) im Konkurrenz-Format (X)HTML 5.0 nicht angedacht wird. Es ist deshalb notwendig beide Formate weiter voranzutreiben und so weit wie möglich auf einem einheitlichen Standard, wie z.B. der vCard im oben beschriebenen Beispiel, aufzubauen. Während der Übergangsphase ist es so relativ einfach mit GRDDL zwischen den beiden Formaten zu transformieren.
In seinem Artikel „RDFa vs microformats“ beschreibt Evan Prodromou die für ihn notwendigen Schritte für die Zukunft von RDFa:
- RDFa gets acknowledged and embraced by microformats.org as the future of semantic-data-in-XHTML
- The RDFa group makes an effort to encompass existing microformats with a minimum of changes
- microformats.org leaders join in on the RDFa authorship process
- microformats.org becomes a focus for developing real-world RDFa vocabularies
Mal schauen wie es wirklich kommt und was sich in Zukunft durchsetzen wird…
Wer sich für das Thema interessiert, kann ja mal Semantic Radar für Firefox ausprobieren. Semantic Radar macht (ähnlich wie Operator für Microformats) RDF und RDFa Inhalte in Webseiten sichtbar.
#hCard #Microformats #RDF #RDFa #Triples #vCard
# Microdata – Semantisches HTML5
Der Inhalt wure an die neusten Änderungen 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ünden (die alle sehr, sehr technisch sind) ist die WHATWG-Community bzw. Ian Hickson im speziellen, nicht sehr begeistert von dem bisherigen De-facto-Standard RDFa und hat deshalb vor ein paar Wochen Microdata als eine mögliche Alternative vorgestellt.
Microdata-Objekte bestehen eigentlich nur aus einer Vielzahl von Key/Value-Paaren. Ein Object wird durch einen umschließenden HTML-Tag mit einem itemscope-Attribut gekennzeichnet und hat mehrere Properties ausgezeichnet durch itemprop-Attribute.
<div itemscope> <p>Mein Name ist <span itemprop="name">Matthias</span>.</p></div>Code-Sprache: HTML, XML (xml)
Microdata ist für mich die gelungene Weiterentwicklung der Microformats-Idee unter Berücksichtigung 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.
Microdata im Microformats-Stil
Um z.B. eine hCard mit Microdata abzubilden muss man eigentlich nur die bisher verwendeten class durch itemprop-Attribute zu ersetzen und mit itemtype das Format festlegen.
<div itemscope itemtype="http://microformats.org/profile/hcard"> <span itemprop="fn">Matthias Pfefferle</span> <img itemprop="photo" src="avatar.png" alt="Avatar" /></div>Code-Sprache: HTML, XML (xml)
HTML5 und Microdata bieten außerdem 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.
Microdata im RDFa-Stil
item und itemprop können aber auch durch URIs (ähnlich wie RDFa) ausgezeichnet werden und würden sich dadurch relativ leicht (durch z.B. GRDDL) in klassisches RDF konvertieren lassen.
<div itemscope itemtype="http://www.w3.org/2001/vcard-rdf/3.0#"> <span itemprop="http://www.w3.org/2001/vcard-rdf/3.0#fn"> Matthias Pfefferle </span> <img itemprop="http://www.w3.org/2001/vcard-rdf/3.0#photo" src="avatar.png" alt="Avatar" /></div>Code-Sprache: HTML, XML (xml)
Fazit
Trotz anfänglicher Skepsis bin ich immer begeisterter von dem neuen HTML5 Draft! Microdata fühlt sich einfach viel mehr nacht HTML an…
<div itemscope itemtype="http://microformats.org/profile/hcard"> <a itemprop="url" href="https://notiz.blog"> <span itemprop="fn">Matthias Pfefferle</span> </a></div>Code-Sprache: HTML, XML (xml)
…als RDFa.
<div xmlns:foaf="http://xmlns.com/foaf/0.1/"> <span typeof="foaf😛erson"> <a property="foaf:name" rel="foaf:homepage" href="https://notiz.blog"> Matthias </a> </span></div>Code-Sprache: HTML, XML (xml)
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-Standards
#HTML5 #Microdata #Microformats #Mikroformate #posh #RDFa #SemanticHTML
# Microdata: Update und Usability-StudieEndlich denkt beim Thema „Usability“ auch mal jemand an die Entwickler 🙂
Google hat über die letzten Wochen eine Usability-Studie zu Microdata durchgeführt und die Spezifikation wurde auch gleich entsprechend der Ergebnisse angepasst.
<address itemscope itemtype="http://microformats.org/profile/hcard"> <strong itemprop="fn">Alfred Person</strong> <span itemprop="adr" itemscope> <span itemprop="street-address">1600 Amphitheatre Parkway</span> <br> <span itemprop="street-address">Building 43, Second Floor</span> <br> <span itemprop="locality">Mountain View</span>, <span itemprop="region">CA</span> <span itemprop="postal-code">94043</span> </span></address>Code-Sprache: HTML, XML (xml)
Die Änderungen:
- Aus
itemwirditemscope.- Der Typ wird über
itemtypeund nicht mehr überitembzw.itemscopeangegeben.- Das Attribut
itemidwurde eingeführt, um z.B. auf ISBN-Nummer zu verweisenitemid="urn:isbn:0-330-34032-8".Über den neuen HTML-Tag
<itemref />(alternativ:<itemfor />) werde ich im zweiten Teil von „Microdata – wie Microformats bloß besser…“ eingehen (zum ersten Teil).Jetzt muss ich nur noch meine alten Artikel zu Microdata anpassen… das hat man nun davon, wenn man über Drafts berichtet 😉
#hCard #HTML #HTML5 #Microdata #Microformats #RDFa #update #Usability #vCard #XHTML
Don't even get me started about the clearly amazing quality of #OpenSource #software, in which all Apple products are based, but made #close #source by them afterwards.
Your #work is #beautiful, @davidrevoy