<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="https://notiz.blog/wp-content/plugins/pretty-feeds/pretty-feed-v4.xsl" type="text/xsl" media="screen" ?>


<!--

	Feeds whisper secrets,
	In the RSS Club's embrace,
	Knowledge blooms in grace.

-->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:source="http://source.scripting.com/"
xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
>

<channel>
	<title>Microdata &#8211; notizBlog</title>
	<atom:link href="https://notiz.blog/tag/microformats+microdata/feed/" rel="self" type="application/rss+xml" />
	<link>https://notiz.blog</link>
	<description>a weblog mainly about the open, portable, interoperable, small, social, synaptic, semantic, structured, distributed, (re-)decentralized, independent, microformatted and federated social web</description>
	<lastBuildDate>Wed, 01 Mar 2023 15:41:32 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://notiz.blog/wp-content/uploads/2019/10/cropped-notizblog-icon-1-32x32.png</url>
	<title>Microdata &#8211; notizBlog</title>
	<link>https://notiz.blog</link>
	<width>32</width>
	<height>32</height>
</image> 
<source:blogroll>https://reader.pfefferle.org/i/?a=opml&amp;get=c_2</source:blogroll>
<creativeCommons:license>https://creativecommons.org/licenses/by-sa/4.0/</creativeCommons:license>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://switchboard.p3k.io/"/>
<atom:link rel="self" href="https://notiz.blog/tag/microformats+microdata/feed/"/>
<atom:link rel="search" type="application/opensearchdescription+xml" title="Search notizBlog" href="https://notiz.blog/wp-api/opensearch/1.1/document" />	<item>
		<title>SCREENGUIDE 34</title>
		<link>https://notiz.blog/2017/03/16/screenguide-34/</link>
					<comments>https://notiz.blog/2017/03/16/screenguide-34/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Thu, 16 Mar 2017 22:05:35 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[Kolumne]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Open Graph Protocol]]></category>
		<category><![CDATA[Pfefferles OpenWeb]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Schema.org]]></category>
		<category><![CDATA[SCREENGUIDE]]></category>
		<category><![CDATA[websemantics]]></category>
		<guid isPermaLink="false">https://notiz.blog/?p=14608</guid>

					<description><![CDATA[Ich durfte mal wieder einen etwas längeren Artikel für das aktuelle SCREENGUIDE Magazin (Ausgabe 34) schreiben. Thema des Artikels sind Websemantics: Websemantics sind fast 17 Jahre alt, und es hat eine ganze Weile gedauert, bis sie sich wirklich etabliert haben. Aktuell gibt es eine Reihe von Formaten, etwa OpenGraph, Twitter Cards, Schema.org, Microformats, RDFa und [&#8230;]]]></description>
										<content:encoded><![CDATA[<img width="700" height="343" src="https://notiz.blog/wp-content/uploads/2017/03/screenguide-34-900x441.jpg" class="attachment-large size-large wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://notiz.blog/wp-content/uploads/2017/03/screenguide-34-900x441.jpg 900w, https://notiz.blog/wp-content/uploads/2017/03/screenguide-34-700x343.jpg 700w, https://notiz.blog/wp-content/uploads/2017/03/screenguide-34-768x376.jpg 768w" sizes="(max-width: 700px) 100vw, 700px" /> 
<p>Ich durfte mal wieder einen etwas längeren Artikel für das aktuelle SCREENGUIDE Magazin (Ausgabe 34) schreiben. Thema des Artikels sind  Websemantics:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Websemantics sind fast 17 Jahre alt, und es hat eine ganze Weile gedauert, bis sie sich wirklich etabliert haben. Aktuell gibt es eine Reihe von Formaten, etwa OpenGraph, Twitter Cards, Schema.org, Microformats, RDFa und Microdata. Wir sagen Ihnen, auf welche Formate Sie sich konzentrieren sollten.</p></blockquote>



<p>Websemantiken, genauer gesagt <a href="http://microformats.org">Microformats</a>, haben <a href="https://notiz.blog/2015/12/07/10-jahre-notizblog/">vor einer halben Ewigkeit</a> mein Interesse für offene Standards geweckt und deshalb hab ich mich sehr gefreut, mich wieder etwas ausführlicher mit dem Thema zu beschäftigen. Außerdem habe ich vor fast genau 8 Jahren <a href="https://notiz.blog/2009/03/27/webstandards-magazin-und-microformats/">meinen ersten Artikel</a> über ein ganz ähnliches Thema geschrieben 🙂</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Microformats erfreuen sich mittlerweile einer großen Verbreitung, alleine die Yahoo! Suche hat mehr als 4 Milliarden der verschiedensten Formate indiziert und die Zahl wächst stetig. Trotz dieser scheinbar großen Verbreitung und der Unterstützung verschiedenster Browser erreicht das Thema „Semantic HTML“ noch immer nicht die breite Masse. Dieser Artikel beschreibt die Probleme bisheriger Browserunterstützungen und vorhandene Alternativen.</p></blockquote>



<p>Neben dem Websemantics Artikel, gibt es auch wieder eine Kolumne, diesmal über Micro.blog:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Facebook ist jetzt knapp 13 Jahre alt, und so mancher hat mittlerweile sein halbes Leben auf der Plattform dokumentiert. Je länger Facebook besteht, umso mehr binden wir uns an den Dienst. Deshalb gibt es immer wieder Ideen und Plattformen, um sich unabhängiger zu machen – wie etwa das neue Micro.blog, das gerade via Crowdfunding finanziert wurde.</p></blockquote>



<p>Falls ich noch einmal zwei Artikel für eine Ausgabe schreiben sollte, sollte ich mir die Einleitungen der beiden Texte etwas genauer ansehen 😉</p>
<p>Thanks for reading this post via RSS. RSS is great, and you’re great for using it. ♥️</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2017/03/16/screenguide-34/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata – wie Microformats bloß besser… (Teil 2)</title>
		<link>https://notiz.blog/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/</link>
					<comments>https://notiz.blog/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Sun, 26 Jun 2011 20:06:32 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[include pattern]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[namespaces]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=3693</guid>

					<description><![CDATA[Microdata – wie Microformats bloß besser… (Teil 1): über abbr-design-pattern, value-class-pattern und Meta-Informationen Knapp zwei Jahre nach dem ersten Teil, komme ich endlich mal zu Nummer 2 🙂 Nach den ganzen Diskussionen um schema.org und Microformats V2 ist es mal wieder an der Zeit, am Image von Microdata zu arbeiten. Namenskollisionen und Namespaces class-Attribute werden [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong><a href="https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/">Microdata – wie Microformats bloß besser… (Teil 1)</a>: über abbr-design-pattern, value-class-pattern und Meta-Informationen</strong></p>



<p>Knapp zwei Jahre nach dem ersten Teil, komme ich endlich mal zu Nummer 2 🙂 Nach den ganzen <a href="https://notiz.blog/2011/06/02/websemantics-google-yahoo-und-bing-einigen-sich-auf-einen-standard/">Diskussionen um schema.org</a> und <a href="https://notiz.blog/2011/06/21/pfefferles-openweb-microformats-v2/">Microformats V2</a> ist es mal wieder an der Zeit, am Image von Microdata zu arbeiten.</p>



<h3 class="wp-block-heading">Namenskollisionen und <em>Namespaces</em></h3>



<p><code>class</code>-Attribute werden in erster Linie zum Gestalten (CSS) und für JS benutzt! Laut &quot;<em><a href="http://www.webdirections.org/sotw10">The State of Web Development 2010</a></em>&quot; setzen nur <a href="http://www.webdirections.org/sotw10/markup/#semantics">knapp 35% aller Befragten</a> Microformats ein, das heißt mehr als 65% haben keine Ahnung von Mikroformaten oder setzten sie nicht ein. Das kann zu zwei Problemen führen:</p>



<ol class="wp-block-list">
    <li>Microformats werden oft durch Re-Designs zerstört. Facebook ist wohl das prominenteste Beispiel, nach einem Re-Design verschwanden alle Microformats von den Profilseiten.</li>
    <li>Es werden fälschlicherweise <code>class</code>-Attribute interpretiert die gar nichts mit Microformats zu tun haben nur zufällig den passenden Namen tragen. Anfällige Klassen sind z.B. <code>url</code> (hCard), <code>photo</code> (hCard), <code>summary</code> (hReview), <code>description</code> (hReview) oder <code>author</code> (hAtom).</li>
</ol>



<p>Um diesem Problem Herr zu werden denkt <del>die Community</del> Tantek Çelik über eine Art <a href="http://microformats.org/wiki/microformats-2#ADVANTAGES"><em>Namespace</em>-Erweiterung</a> nach.</p>



<p><strong>Microformats</strong></p>



<p>So könnten Microformtas demnächst folgendermaßen aussehen:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h-card"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"p-fn"</span>&gt;</span>Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Dabei steht:</p>



<ul class="wp-block-list">
    <li>&quot;h-*&quot; für die <em>root-names</em>, z.B. &quot;h-card&quot;, &quot;h-event&quot;, &quot;h-entry&quot;</li>
    <li>und &quot;p-*&quot; für &quot;simple&quot; (Text) Properties, z.B. &quot;p-fn&quot;, &quot;p-summary&quot;</li>
</ul>



<p>&#8230;und es gibt noch eine reihe weiterer <em>Prefixes</em>. Das ist zwar schön und gut und verhindert sicherlich einen Großteil der Namenskollisionen und man kann seinen Entwicklern sicherlich auch eintrichtern, alle <code>x-</code> Klassen in ruhe zu lassen&#8230; aber man mach damit jegliche Semantik kaputt. Nix mehr mit <em><a href="http://microformats.org/wiki/posh">Plain Old Semantic HTML</a></em> (POSH):</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
    <p>POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. The best way to learn and understand POSH is to do it.</p>
</blockquote>



<p>&#8230;und <em><a href="http://www.w3.org/QA/Tips/goodclassnames">semantic class names</a></em>:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
    <p>Think about why you want something to look a certain way, and not really about how it should look. Looks can always change, but the reasons for giving something a look stay the same.</p>
</blockquote>



<p>Außerdem verkompliziert man das, jetzt noch so einfach zu nutzende, Format unnötig. Wann ist etwas eine id (<code>i-*</code>) oder eine Nummer (<code>n-*</code>) und was ist mit Attributen, die sowohl aus auch sein können?</p>



<p><strong>Microdata</strong></p>



<p>Der Microdata Teil ist relativ schnell abgehandelt&#8230; Durch die Trennung von <em>Semantik</em> und <em>Design</em> kommt es bei Mircodata per se zu keinen Kollisionen:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span> <span class="hljs-attr">itemscope</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<h3 class="wp-block-heading">Informationen Referenzieren</h3>



<p>Informationen stehen auf Webseiten nicht immer so nahe beieinander, so dass es oftmals schwer ist, alle Daten mit einem HTML Attribut zu umschließen.</p>



<p><strong>Microformats</strong></p>



<p>Je komplizierter das Format oder der Anwendungsfall, desto mehr stößt man mit Microformats an die grenzen des machbaren. HTML 4 bietet keinerlei Mechanismen, den oben angesprochenen Problem zu lösen, deshalb greift die Microformtas-Community zu einer recht Kreativen Lösung: dem <em><a href="http://microformats.org/wiki/include-pattern">include-pattern</a></em>.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vcard"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"include"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#author-name"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>

<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fn n"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"author-name"</span>&gt;</span>Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></code></span></pre>


<p>oder:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vcard"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">object</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"include"</span> <span class="hljs-attr">data</span>=<span class="hljs-string">"#author-name"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">object</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>

<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fn n"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"author-name"</span>&gt;</span>Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></code></span></pre>


<p>Nette Idee mit etlichen Unschönheiten:</p>



<ul class="wp-block-list">
    <li>Leere HTML-Elemente</li>
    <li>Zweckentfremdung von Object- bzw. Link-Element</li>
    <li>Die Nutzung von <code>&lt;object /&gt;</code> führt zu einigen Problem bei einigen Versionen von Internet Explorer, Safari und Firefox</li>
</ul>



<p><strong>Microdata</strong></p>



<p>Microdata löst das Problem mit dem <code>itemref</code>-Attribut:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span>
     <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span>
     <span class="hljs-attr">itemref</span>=<span class="hljs-string">"author-name"</span>&gt;</span>
 ...
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>

<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn n"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"author-name"</span>&gt;</span>Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></code></span></pre>


<p>Viel mehr gibt es dazu eigentlich nicht zu sagen 🙂</p>



<h3 class="wp-block-heading">Fazit</h3>



<p>Als Fazit, passt hier sehr gut ein Satz den ich auch als Fazit im aktuellen <a href="https://notiz.blog/2011/06/21/pfefferles-openweb-microformats-v2/">Webstandards-Magazin</a> verwende:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
    <p>Microformats sind und bleiben Plain Old Semantic HTML und man sollte auch in Zukunft keinesfalls darauf verzichten sie einzusetzen, selbst mit dem Risiko einer fehlerhaften Implementierungen oder Namenskollisionen, „erzieht“ die Nutzung von Microformats einen jeden Webentwickler dazu „schönen“ und „sprechenden“ HTML-Code zu schreiben.</p>
</blockquote>



<p>&#8230;um HTML-Code aber wirklich maschinenlesbar zu machen, wird es Zeit auf Microdata und RDFa zu setzen. Microformats haben den Weg für bessere und native Lösungen geebnet und haben weiterhin ihre Daseinsberechtigung aber man sollte nicht mehr als dem Format machen, als es leisten kann.</p>
<p>Thanks for reading this post via RSS. RSS is great, and you’re great for using it. ♥️</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Pfefferles OpenWeb: Microformats V2</title>
		<link>https://notiz.blog/2011/06/21/pfefferles-openweb-microformats-v2/</link>
					<comments>https://notiz.blog/2011/06/21/pfefferles-openweb-microformats-v2/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Tue, 21 Jun 2011 17:39:56 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[Kolumne]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[OpenWeb]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Webstandards Magazin]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=3761</guid>

					<description><![CDATA[Seit Freitag gibt es wieder eine neue Ausgabe des Webstandard-Magazins, mit dem Fokus auf Communities. &#8230;als hätte ich es gerochen, passt das Thema meiner Kolumne recht gut zu den aktuellen Diskussionen um Microformats, Microdata, RDFa und schema.org. Noch genauer: Es geht um die Zukunft der Microformtats. Dieses Jahr feierten die Microformats ihren 8. Geburtstag. In [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter"><img decoding="async" width="500" height="500" sizes="(max-width: 500px) 100vw, 500px" src="https://notiz.blog/wp-content/uploads/2011/06/pfefferles-openweb-microformats-v2.jpg" alt="Pfefferles OpenWeb: Microformats V2" class="wp-image-3767" srcset="https://notiz.blog/wp-content/uploads/2011/06/pfefferles-openweb-microformats-v2.jpg 500w, https://notiz.blog/wp-content/uploads/2011/06/pfefferles-openweb-microformats-v2-150x150.jpg 150w, https://notiz.blog/wp-content/uploads/2011/06/pfefferles-openweb-microformats-v2-480x480.jpg 480w" /></figure>



<p>Seit Freitag gibt es wieder eine neue Ausgabe des Webstandard-Magazins, mit dem Fokus auf <em>Communities</em>.</p>



<p>&#8230;als hätte ich es gerochen, passt das Thema meiner Kolumne recht gut zu den aktuellen Diskussionen um <a href="https://notiz.blog/2011/06/02/websemantics-google-yahoo-und-bing-einigen-sich-auf-einen-standard/">Microformats, Microdata, RDFa und schema.org</a>. Noch genauer: Es geht um die Zukunft der Microformtats.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
	<p>Dieses Jahr feierten die Microformats ihren 8. Geburtstag. In diesen 8 Jahren haben sich mehr als zwei Milliarden hCards im Yahoo! Index angesammelt und die Mikroformate dominieren mit 94% Googles rich snippets (im Verhältnis zu RDFa und Microdata). Trotz allem sind Microformats eine Übergangslösung und es wird Zeit für einen richtigen Standard!</p>
</blockquote>



<p>Wie sieht die <a href="http://microformats.org/wiki/microformats-2">Zukunft der Microformats</a> aus, was ist ist geplant, machen <a href="https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/">Microformats neben Microdata</a> und RDFa überhaupt noch Sinn usw.</p>



<p>Also los&#8230; kaufen! Zack, zack!</p>
<p>Congratulations on being an RSS reader! You are part of an elite group of people who know how to stay updated in style.</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2011/06/21/pfefferles-openweb-microformats-v2/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Websemantics: Google, Yahoo! und Bing einigen sich auf einen &#8222;Standard&#8220;</title>
		<link>https://notiz.blog/2011/06/02/websemantics-google-yahoo-und-bing-einigen-sich-auf-einen-standard/</link>
					<comments>https://notiz.blog/2011/06/02/websemantics-google-yahoo-und-bing-einigen-sich-auf-einen-standard/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Thu, 02 Jun 2011 21:28:49 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Yahoo]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=3717</guid>

					<description><![CDATA[Google, Yahoo! und Bing haben heute angekündigt, dass sie beim Thema Websemantics zukünftig zusammen arbeiten werden und sich auf einen gemeinsamen Standard einigen wollen (wie vorher auch bei den Sitemaps, robots.txt, um.). Auf schema.org findet man eine Übersicht alle Schemas die die Suchgiganten in Zukunft unterstützen werden: This site provides a collection of schemas, i.e., [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Google, Yahoo! und Bing haben heute <a href="https://search.googleblog.com/2011/06/introducing-schemaorg-search-engines.html">angekündigt</a>, dass sie beim Thema <em>Websemantics</em> zukünftig zusammen arbeiten werden und sich auf einen gemeinsamen Standard einigen wollen (wie vorher auch bei den <a href="http://www.sitemaps.org/">Sitemaps</a>, <a href="http://www.robotstxt.org/">robots.txt</a>, um.).</p>



<p>Auf <a href="https://schema.org/">schema.org</a> findet man eine Übersicht alle Schemas die die Suchgiganten in Zukunft unterstützen werden:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
    <p>This site provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers. Search engines including Bing, Google and Yahoo! rely on this markup to improve the display of search results, making it easier for people to find the right web pages.</p>
</blockquote>



<p>Was mich besonders freut: Die Schemas basieren alle auf Microdata und wer meinen Blog regelmäßig verfolgt wird wissen, dass ich <a href="https://notiz.blog/tag/microdata/">das Format sehr schätze</a>! Hier ein Beispiel wie eine Person mit dem neuen Schema aussieht:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://schema.org/Person"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"name"</span>&gt;</span>Jane Doe<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"janedoe.jpg"</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"image"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Soweit so gut, aber&#8230; es werden <strong>WIEDER</strong> einmal weder bestehende Microformats, noch RDFa Schemas auf Microdata portiert, was dazu führt dass mir spontan 5 unterschiedliche Formate einfallen um Personen zu beschreiben: <a href="http://microformats.org/wiki/hcard">hCard</a> (Microformats), <a href="https://web.archive.org/web/20151225100113/http://www.data-vocabulary.org:80/Person/">Data-Vocabulary</a> (RDFa- und Microdata-Beschreibung genutzt von den rich-snippets), <a href="https://de.wikipedia.org/wiki/FOAF">FoaF</a> (RDFa), <a href="http://www.w3.org/Submission/vcard-rdf/">vCard</a> (RDFa), <a href="https://schema.org/Person">schema.org</a> (Microdata).</p>



<p>Die Microformats-Community hat von Anfang an eines richtig gemacht: Es gibt nur <a href="http://microformats.org/wiki/Main_Page">eine Stelle an der Microformats definiert werden</a> und man muss einen relativ langwierigen Prozess befolgen um ein neues Format zu definieren. Das führt zwar dazu dass es bisher nur eine handvoll Schemas veröffentlicht wurden, diese aber wohl definiert sind und in der Regel auf bisherigen Formaten aufbauen. Die <a href="http://microformats.org/wiki/hCard">hCard</a> ist beispielsweise ein 1:1 Abbild der <a href="http://www.ietf.org/rfc/rfc2426.txt">vCard</a>.</p>



<p>Schema.org ist zwar eine ganz nette Idee aber man hat leider versäumt sich mit der Microformats-, RDFa-, RDF- Community zusammenzusetzen und einen gemeinsamen Konsens zu finden!</p>



<p>Wäre folgendes Beispiel so viel komplizierter?</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Jane Doe<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"janedoe.jpg"</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"photo"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>&#8230;oder das?</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://www.w3.org/2006/vcard/ns"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Jane Doe<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"janedoe.jpg"</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"photo"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Das Format ist letztendlich Geschmackssache&#8230; der eine mag lieber die einfachen Microformats, der andere steht mehr auf RDFa und ich bevorzuge Microdata, man sollte sich aber endlich auf ein einheitliches Schema einigen!</p>



<p>Yahoo! zählt knapp zwei Milliarden hCards in ihrem Index und trotzdem diktiert man Webseitenbetreibern etwas komplett anderes auf&#8230;</p>
<p>You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2011/06/02/websemantics-google-yahoo-und-bing-einigen-sich-auf-einen-standard/feed/</wfw:commentRss>
			<slash:comments>12</slash:comments>
		
		
			</item>
		<item>
		<title>selfMICROFORMATS, selfRDFa, selfMICRODATA und so&#8230;</title>
		<link>https://notiz.blog/2010/06/08/selfmicroformats-selfrdfa-selfmicrodata-und-so/</link>
					<comments>https://notiz.blog/2010/06/08/selfmicroformats-selfrdfa-selfmicrodata-und-so/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Tue, 08 Jun 2010 19:54:27 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[eRDF]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[selfhtml]]></category>
		<category><![CDATA[wiki]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=2593</guid>

					<description><![CDATA[Ich hab vor Ewigkeiten mal einen Themenschwerpunkt: Websemantics im SELFHTML-Wiki angelegt&#8230; Das Wiki wäre doch der perfekte Platz für DIE deutsche Microformats/RDFa/Microdata-Standardreferenz! (wenn nicht bei SELFHTML wo dann?) Vielleicht hat ja jemand Lust mir bei der Befüllung etwas zu helfen (ich hab meine eigene freie Zeit etwas überschätzt)? Eventuell spendet ja auch jemand einen schon [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Ich hab vor <em>Ewigkeiten</em> mal einen <a href="https://wiki.selfhtml.org/wiki/Themen:Websemantics">Themenschwerpunkt: Websemantics</a> im <a href="http://wiki.selfhtml.org/">SELFHTML-Wiki</a> angelegt&#8230; Das Wiki wäre doch der perfekte Platz für <strong>DIE</strong> deutsche Microformats/RDFa/Microdata-Standardreferenz! (wenn nicht bei SELFHTML wo dann?)</p>



<p>Vielleicht hat ja jemand Lust mir bei der Befüllung etwas zu helfen (ich hab meine eigene freie Zeit etwas überschätzt)? Eventuell spendet ja auch jemand einen schon fertigen Artikel/Blogbeitrag den wir als Basis nehmen könnten.</p>
<p>You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2010/06/08/selfmicroformats-selfrdfa-selfmicrodata-und-so/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata aus HTML5 verbannt</title>
		<link>https://notiz.blog/2010/03/24/microdata-aus-html5-verbannt/</link>
					<comments>https://notiz.blog/2010/03/24/microdata-aus-html5-verbannt/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Wed, 24 Mar 2010 20:39:17 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=2383</guid>

					<description><![CDATA[Die RDFa Community hat es geschafft: Microdata ist seit einigen Monaten kein fester Bestandteil mehr von HTML5! Man verpasst damit leider die einmalige Chance, RDFa und Microformats als festen Bestandteil von HTML zu veröffentlichen und damit die größtmögliche Verbreitung zu erreichen&#8230; keine Erweiterungen&#8230; keine Hacks&#8230; reines HTML! Warum ich so an der Microdata Idee festhalte? [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Die <abbr title="Resource Description Framework - in - attributes">RDFa</abbr> Community hat es <a href="https://www.w3.org/html/wg/tracker/issues/76">geschafft</a>: <a href="http://dev.w3.org/html5/md/Overview.html">Microdata</a> ist seit einigen Monaten kein fester Bestandteil mehr von <abbr title="Hyper Text Markup Language">HTML</abbr>5! Man verpasst damit leider die einmalige Chance, <a href="http://www.w3.org/TR/xhtml-rdfa-primer/">RDFa</a> und <a href="http://microformats.org/">Microformats</a> als festen Bestandteil von HTML zu veröffentlichen und damit die größtmögliche Verbreitung zu erreichen&#8230; keine Erweiterungen&#8230; keine Hacks&#8230; reines <abbr title="Hypertext Markup Language">HTML</abbr>!</p>



<p>Warum ich so an der <em>Microdata</em> Idee festhalte? Frei nach der <a href="http://microformats.org/about">Microformats Ideologie</a>: &#8222;Paving the cow paths&#8220; sollte man sich bei der Entwicklung eines neuen Standards hauptsächlich am Nutzerverhalten orientieren: Wenn es für ein Problem noch keinen <em>Standard</em> gab, wie hat man sich bisher beholfen?</p>



<p>Yahoo!s <a href="https://notiz.blog/2008/06/19/searchmonkey-fuer-anwender/">Search-Monkey</a> meint: mit <a href="http://microformats.org/">Microformats</a>!</p>



<ul class="wp-block-list"><li><strong>NUR</strong> <a href="http://search.yahoo.com/search?p=searchmonkey%3Acom.yahoo.page.uf.hcard">hCard</a>: 1,970,000,000</li><li><a href="http://search.yahoo.com/search?p=searchmonkey%3Acom.yahoo.page.rdf.erdf">eRDF</a> + <a href="http://search.yahoo.com/search?p=searchmonkey%3Acom.yahoo.page.rdf.rdfa">RDFa</a>: 1,470,000,000</li></ul>



<p>&#8230;und ich kann mich nur <a href="https://notiz.blog/2009/06/18/microdata-semantisches-html5/">wiederholen</a>:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>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.</p></blockquote>



<p>Naja&#8230; falls sich keine der oben genannten Semantiken durchsetzen sollte, freue ich mich schon auf folgendes:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span>=<span class="hljs-string">""</span>
     <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span> 
     <span class="hljs-attr">xmlns:vCard</span>=<span class="hljs-string">"http://www.w3.org/2006/vcard/ns#"</span>   
     <span class="hljs-attr">about</span>=<span class="hljs-string">"http://www.example.com"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vcard"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span> <span class="hljs-attr">property</span>=<span class="hljs-string">"vCard:FN"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fn"</span>&gt;</span>
    Max Mustermann
  <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>(via <a href="https://web.archive.org/web/20210511030645/https://www.bnode.org/blog/2010/01/26/microdata-semantic-markup-for-both-rdfers-and-non-rdfers">Benjamin Nowack</a>)</p>
<p>You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2010/03/24/microdata-aus-html5-verbannt/feed/</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata Artikel angepasst</title>
		<link>https://notiz.blog/2010/02/10/microdata-artikel-angepasst/</link>
					<comments>https://notiz.blog/2010/02/10/microdata-artikel-angepasst/#respond</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Wed, 10 Feb 2010 21:07:09 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=2376</guid>

					<description><![CDATA[Ich hab mal meine Microdata-Artikel an die letzten Änderungen angepasst: Microdata – Semantisches HTML5 Microdata – wie Microformats bloß besser… (Teil 1) Falls jemand noch einen Fehler entdeckt&#8230; sagt mir bitte bescheid! Ich hoffe ich komme demnächst auch mal zu &#8222;Microdata – wie Microformats bloß besser… (Teil 2)&#8220;.]]></description>
										<content:encoded><![CDATA[
<p>Ich hab mal meine Microdata-Artikel an die <a href="https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/">letzten Änderungen</a> angepasst:</p>



<ul class="wp-block-list">
	<li><a href="https://notiz.blog/2009/06/18/microdata-semantisches-html5/">Microdata – Semantisches HTML5</a></li>
	<li><a href="https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/">Microdata – wie Microformats bloß besser… (Teil 1)</a></li>
</ul>



<p>Falls jemand noch einen Fehler entdeckt&#8230; sagt mir bitte bescheid!</p>



<p>Ich hoffe ich komme demnächst auch mal zu &#8222;Microdata – wie Microformats bloß besser… (Teil 2)&#8220;.</p>
<p>RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2010/02/10/microdata-artikel-angepasst/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>weiter geht&#8217;s</title>
		<link>https://notiz.blog/2010/01/13/weiter-gehts/</link>
					<comments>https://notiz.blog/2010/01/13/weiter-gehts/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Tue, 12 Jan 2010 22:47:08 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[APML]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[OAuth]]></category>
		<category><![CDATA[Salmon]]></category>
		<category><![CDATA[WRAP]]></category>
		<category><![CDATA[XRD]]></category>
		<category><![CDATA[YIID]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=2186</guid>

					<description><![CDATA[Als Erstes mal ein frohes, neues Jahr euch allen&#8230; Ich hoffe ihr habt die Feiertage gut überstanden 🙂 Es war die letzten Monate ja etwas ruhiger hier, aber das soll sich jetzt wieder ändern (erster guter Vorsatz fürs neue Jahr!). Resumé Microformats So, jetzt aber erstmal ein kleiner Rückblick auf 2009&#8230; ich hatte mir ja [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Als Erstes mal ein frohes, neues Jahr euch allen&#8230; Ich hoffe ihr habt die Feiertage gut überstanden 🙂</p>



<p>Es war die letzten Monate ja etwas ruhiger hier, aber das soll sich jetzt wieder ändern (erster guter Vorsatz fürs neue Jahr!).</p>



<h2 class="wp-block-heading">Resumé</h2>



<h3 class="wp-block-heading">Microformats</h3>



<p>So, jetzt aber erstmal ein kleiner Rückblick auf 2009&#8230; ich hatte mir ja <a href="https://notiz.blog/2009/01/01/11111011001/">vorgenommen</a> mich wieder etwas mehr mit Microformats und dem <em>lowercase semantic web</em> zu beschäftigen. Das hat, glaube ich, ganz gut hin gehauen:</p>



<ul class="wp-block-list">
	<li>Microformats: <a href="https://notiz.blog/tag/microformats">17 Blogposts</a></li>
	<li>Microdata: <a href="https://notiz.blog/tag/microdata">6 Blogposts</a></li>
	<li>RDFa: <a href="https://notiz.blog/tag/rdfa">6 Blogposts</a></li>
</ul>



<p>&#8230; wenn ich euch eine Empfehlung geben dürfte:</p>



<ul class="wp-block-list">
	<li><a href="https://notiz.blog/2009/06/18/microdata-semantisches-html5/">Microdata – Semantisches HTML5</a></li>
	<li><a href="https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/">Microdata – wie Microformats bloß besser… (Teil 1)</a></li>
	<li><a href="https://notiz.blog/2009/06/05/mozilla-jetpack-und-microformats/">Mozilla Jetpack (und Microformats)</a></li>
	<li><a href="https://notiz.blog/2009/05/12/microformats-value-class-pattern/">Microformats: Value Class Pattern</a></li>
</ul>



<p><strong>Microformats Top</strong>: Ich bin seit Ende letzten Jahres ein stolzer <a href="http://microformats.org/wiki/microformateers">Microformateer</a> 🙂<br/>
	<strong>Microformats Flop</strong>: Das Angekündigte &#8222;<a href="https://notiz.blog/2009/02/19/the-weekly-microformat/">The weekly microformat</a>&#8220; ging total in die Hose und ich habe nicht mal einen Artikel dazu veröffentlicht 🙁 (vielleicht klappt&#8217;s ja dieses Jahr)</p>



<h3 class="wp-block-heading">APML</h3>



<p><abbr title="Attention Markup Profile Language">APML</abbr> kam letztes Jahr leider nicht so gut weg, es gibt zwar einen <a href="http://blog.openwebpodcast.de/137/episode-16-wir-bitten-um-ihre-aufmerksamkeit/">OpenWeb-Podcast</a> zu dem Thema und eine erste Version von <a href="https://notiz.blog/?noisepress=feedfilter">NoisePress</a> (leider noch keinen Blogpost) aber das war es auch schon.</p>



<h3 class="wp-block-heading">Vorsatz für 2010</h3>



<p>Was ich dieses Jahr so alles vor habe:</p>



<ul class="wp-block-list">
	<li><a href="http://groups.google.com/group/apml-public/browse_thread/thread/fbed4f6d7a19f0ad">Bei APML tut sich gerade wieder eine ganze Menge</a> und die neue Version (1.0) wird nochmal komplett überarbeitet. Ich habe mir vorgenommen ein wenig bei der Weiterentwicklung von APML zu helfen und das <em>NoisePress</em> mal zu Ende zu führen.</li>
	<li>Ich hoffe auch in 2010 die <em>OpenWeb Kolumne</em> für das Webstandards-Magazin weiter führen zu dürfen (die nächste Ausgabe ist zumindest schon gesichert 😉 ).</li>
	<li>Neue, offene Standards die ich ganz <em>spannend</em> finde und mit denen ich mich dieses Jahr sicherlich etwas mehr beschäftigen werde, sind das <a href="http://www.salmon-protocol.org/">Salmon Protokoll</a>, <a href="https://web.archive.org/web/20140811055539/http://hueniverse.com:80/webfinger/">Webfinger</a>, <a href="https://web.archive.org/web/20140811155838/http://hueniverse.com:80/xrd/">XRD</a> und OAuth WRAP.</li>
</ul>



<p>Außerdem natürlich fleißig weiter <a href="http://blog.openwebpodcast.de/">OpenWeb podcasten</a> und alle erwähnten offenen Standards in <a href="https://www.crunchbase.com/organization/yiid"><abbr title="your internet id">yiid</abbr></a> einbauen 😉</p>
<p>RSS readers like you are the unsung heroes of the internet. Keep up the good work!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2010/01/13/weiter-gehts/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata: Update und Usability-Studie</title>
		<link>https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/</link>
					<comments>https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Sat, 10 Oct 2009 15:20:50 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[hCard]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[vCard]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=2059</guid>

					<description><![CDATA[Endlich denkt beim Thema &#8222;Usability&#8220; 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. Die Änderungen: Aus item wird itemscope. Der Typ wird über itemtype und nicht mehr über item bzw. itemscope angegeben. Das Attribut itemid [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><em>Endlich denkt beim Thema &#8222;Usability&#8220; auch mal jemand an die Entwickler 🙂</em></p>



<p>Google hat über die letzten Wochen eine <a href="https://blog.whatwg.org/usability-testing-html5">Usability-Studie zu Microdata</a> durchgeführt und die <a href="https://html.spec.whatwg.org/multipage/microdata.html">Spezifikation</a> wurde auch gleich entsprechend der Ergebnisse angepasst.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">address</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">strong</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Alfred Person<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"adr"</span> <span class="hljs-attr">itemscope</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"street-address"</span>&gt;</span>1600 Amphitheatre Parkway<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"street-address"</span>&gt;</span>Building 43, Second Floor<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"locality"</span>&gt;</span>Mountain View<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>,
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"region"</span>&gt;</span>CA<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"postal-code"</span>&gt;</span>94043<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">address</span>&gt;</span></code></span></pre>


<p>Die Änderungen:</p>



<ul class="wp-block-list">
	<li>Aus <strong><code>item</code></strong> wird <strong><code>itemscope</code></strong>.</li>
	<li>Der Typ wird über <strong><code>itemtype</code></strong> und nicht mehr über <strong><code>item</code></strong> bzw. <strong><code>itemscope</code></strong> angegeben.</li>
	<li>Das Attribut <strong><code>itemid</code></strong> wurde eingeführt, um z.B. auf ISBN-Nummer zu verweisen <strong><code>itemid="urn:isbn:0-330-34032-8"</code></strong>.</li>
</ul>



<p>Über den neuen <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#itemfor">HTML-Tag</a> <strong><code>&lt;itemref /></code></strong> (alternativ: <strong><code>&lt;itemfor /></code></strong>) werde ich im zweiten Teil von &#8222;<em>Microdata – wie Microformats bloß besser…</em>&#8220; eingehen (<a href="https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/">zum ersten Teil</a>).</p>



<p>Jetzt muss ich nur noch meine alten Artikel zu Microdata anpassen&#8230; das hat man nun davon, wenn man über Drafts berichtet 😉</p>
<p>Hey there, RSS reader! You’re cool. Keep being awesome! 😎</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata &#8211; wie Microformats bloß besser&#8230; (Teil 1)</title>
		<link>https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/</link>
					<comments>https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Mon, 10 Aug 2009 20:30:32 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[abbr design pattern]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[include pattern]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[value class pattern]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=1790</guid>

					<description><![CDATA[Der Inhalt wurde an die neusten Änderungen der Microdata-Spezifikation angepasst. Letztes Update 30.01.2010. Microdata – wie Microformats bloß besser… (Teil 2): über &#8222;Namenskollisionen und Namespaces&#8220; und &#8222;Informationen Referenzieren&#8220; Wie schon erwähnt, vereint Microdata die Vorzüge von RDFa und Microformats in einem Standard&#8230; aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Der Inhalt wurde an die <a href="https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/">neusten Änderungen der Microdata-Spezifikation</a> angepasst. Letztes Update 30.01.2010.
	<a href="https://notiz.blog/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/">Microdata – wie Microformats bloß besser… (Teil 2)</a>: über &#8222;Namenskollisionen und Namespaces&#8220; und &#8222;Informationen Referenzieren&#8220;
</p>



<p>Wie schon <a href="https://notiz.blog/2009/06/18/microdata-semantisches-html5/">erwähnt</a>, vereint Microdata die Vorzüge von <a href="http://rdfa.info">RDFa</a> und <a href="http://microformats.org">Microformats</a> in einem Standard&#8230; aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke Lösungen für diverse <a href="http://microformats.org/wiki/issues">Microformats-Problemchen</a>.</p>



<h4 class="wp-block-heading">Das <em>abbr-design-pattern</em> oder das <em>value-class-pattern</em></h4>



<p><strong>Microformats:</strong></p>



<p>Das <em><a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a></em> ist bisher wohl das <a href="http://www.google.de/search?q=microformats+accessibility+abbr">umstrittenste Pattern</a> im <a href="http://microformats.org/wiki/Main_Page">Microformats-Wiki</a>. Grund für die Kritik an dem Pattern ist die etwas <a href="https://notiz.blog/2008/06/24/bbc-und-das-alte-haccessibility-problemchen/">unorthodoxe Verwendung</a> des <code>&lt;abbr&gt;</code> Tags um maschinenlesbare Meta-Informationen bereit zu stellen.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vevent"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">abbr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"dtstart"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"2007-10-05"</span>&gt;</span>October 5<span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span>
  ...
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Eine erste Alternative aus der Microformats-Community ist das <em><a href="http://microformats.org/wiki/value-class-pattern">value-class-pattern</a></em>, das zwar das Accessibility-Problem &#8222;behebt&#8220; aber noch lange keine Perfekte Lösung bietet.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vevent"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'dtstart'</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'value-title'</span> <span class="hljs-attr">title</span>=<span class="hljs-string">'2007-10-05'</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
    October 5
  <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  ...
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Der HTML-Code wird durch weitere Elemente unnötig aufgeblasen und das Pattern basiert auf teilweise leeren Elementen.</p>



<p><strong>Microdata/HTML5:</strong></p>



<p>In HTML5 gibt es dagegen ein spezielles Tag um Zeit und Datum sowohl user als auch maschinenlesbar zu machen.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span>
  <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcalendar"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">time</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"dtstart"</span> <span class="hljs-attr">datetime</span>=<span class="hljs-string">"2007-10-05"</span>&gt;</span>October 5<span class="hljs-tag">&lt;/<span class="hljs-name">time</span>&gt;</span>
  ...
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<h4 class="wp-block-heading">Reine Meta-Informationen</h4>



<p><strong>Microformats:</strong></p>



<p>Eigentlich spricht es gegen die Prinzipien der Microformats-Idee, reine Metadaten zu verwenden: </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Visible data = more accurate data. By designing for humans first and making the data presentable (thus viewed and <em>verified</em> by humans), the data is inevitably more accurate, not only to begin with (as errors are easily/quickly noticed by those viewing the pages/sites), but over time as well; in that changes are noticed, and if data becomes out-of-date or obsolete, that&#8217;s more likely to be noticed as well. This is in direct contrast to &#8222;side files&#8220; and invisible data like that contained in <code>&lt;meta&gt;</code> tags.<br> &#8212; <a href="http://microformats.org/wiki/principles#effects_of_principles">Tantek Çelik</a></p></blockquote>



<p>&#8230;aber <a href="http://microformats.org/wiki/geo">GEO-Daten</a> sind z.B. Informationen die der Benutzer nicht unbedingt sehen muss.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"geo"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"latitude"</span>&gt;</span>37.386013<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"longitude"</span>&gt;</span>-122.082932<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p><strong>Microdata/HTML5:</strong></p>



<p>In HTML5 gibt es für dieses Problem eine recht schicke Lösung: Laut der <a href="http://dev.w3.org/html5/spec/Overview.html#flow-content">Spezifikation</a> sind &lt;meta /&gt;-Tags im kompletten Quellcode (auch im <code>body</code>) erlaubt.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> 
 <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard#geo"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"latitude"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"37.386013"</span> /&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"longitude"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"-122.082932"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<h4 class="wp-block-heading">Fazit</h4>



<p>Selbst wenn sich <a href="https://html.spec.whatwg.org/multipage/microdata.html">Microdata</a> (item und itemprop) nicht durchsetzen sollte, sind &lt;meta&gt; und <a href="https://notiz.blog/2008/07/30/html5-is-made-for-microformats/">&lt;time&gt;</a> schon ein echter &#8222;Segen&#8220; für die <a href="http://microformats.org">Microformats-Community</a> 🙂</p>



<p>Im zweiten Teil nehm&#8216; ich mir das <a href="http://microformats.org/wiki/include-pattern">include-pattern</a> und das Problem der möglichen <a href="http://meiert.com/en/blog/20070913/microformats-and-pseudo-namespaces/">Namens</a>&#8211;<a href="http://meiert.com/en/blog/20090716/microformats-key-flaws/">Kollisionen</a> vor. <a href="https://notiz.blog/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/">Microdata – wie Microformats bloß besser… (Teil 2)</a>: über &#8222;Namenskollisionen und Namespaces&#8220; und &#8222;Informationen Referenzieren&#8220;</p>
<p>RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>RDFa wird wohl doch in HTML5 integriert</title>
		<link>https://notiz.blog/2009/07/16/rdfa-wird-wohl-doch-in-html5-integriert/</link>
					<comments>https://notiz.blog/2009/07/16/rdfa-wird-wohl-doch-in-html5-integriert/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Wed, 15 Jul 2009 22:38:29 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[posh]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=1778</guid>

					<description><![CDATA[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 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Manu Sporny und die <a href="https://www.w3.org/2001/sw/BestPractices/HTML/">RDFa Task Force</a> haben es <del>doch noch</del> <ins>nicht</ins> geschafft, Ian Hickson davon zu überzeugen RDFa in HTML5 zu integrieren und <ins>versuchen es jetzt im Alleingang.</ins> Es gibt auch schon einen ersten <a href="https://web.archive.org/web/20220407131357/https://dev.w3.org/html5/rdfa/rdfa-module.html"><em>Editors Draft</em> von <em>HTML5+RDFa</em></a>.</p>



<p>Besonders spannend finde ich folgenden Abschnitt aus <a href="https://web.archive.org/web/20100328135732/http://blog.digitalbazaar.com:80/2009/07/13/html5rdfa/2/">Manu Spornys Blogpost zu dem neuen Draft</a>:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
	<p>I specifically did not remove the Microdata section from the HTML5+RDFa specification because it provides competition for RDFa &#8211; 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.</p>
</blockquote>



<p>Ich versteh das jetzt mal so, dass <del>endlich beide Parteien verstanden haben</del> <ins>die RDFa Task Force verstanden hat</ins> dass sowohl <a href="https://notiz.blog/2008/03/02/rdfa-basics/">RDFa</a> als auch <a href="https://notiz.blog/2006/11/20/microformats/">Microformats</a> ihre Daseinsberechtigung haben und <a href="https://html.spec.whatwg.org/multipage/microdata.html">Microdata</a> die Vorteile beider Standards schön vereint.</p>



<p>Mal schaun ob ich die Tage mal etwas Zeit finde, die einzelnen Standards nochmal detaillierter Vorzustellen bzw. zu Vergleichen und nochmal zu beschreiben warum <a href="https://notiz.blog/2009/06/18/microdata-semantisches-html5/">die Idee hinter Microdata so großartig ist</a>!</p>



<p>via <a href="https://web.archive.org/web/20100328135732/http://blog.digitalbazaar.com:80/2009/07/13/html5rdfa/2/">Manu Sporny</a></p>
<p>Hey there, RSS reader! You’re cool. Keep being awesome! 😎</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/07/16/rdfa-wird-wohl-doch-in-html5-integriert/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
		<item>
		<title>Microdata &#8211; Semantisches HTML5</title>
		<link>https://notiz.blog/2009/06/18/microdata-semantisches-html5/</link>
					<comments>https://notiz.blog/2009/06/18/microdata-semantisches-html5/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Thu, 18 Jun 2009 21:23:08 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[posh]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=1700</guid>

					<description><![CDATA[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 &#8222;Wie&#8220; 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 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Der Inhalt wure an die <a href="https://notiz.blog/2009/10/10/microdata-update-und-usability-studie/">neusten Änderungen der Microdata-Spezifikation</a> angepasst. Letztes Update 30.01.2010.
</p>



<p>In dem Punkt, dass HTML semantischer werden muss, ist sich die Web-Welt einig, nur das &#8222;Wie&#8220; ist noch nicht ganz klar. Aus <a href="http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019602.html">verschiedenen Gründen</a> (die alle sehr, sehr technisch sind) ist die <abbr title="Web Hypertext Application Technology Working Group"><a href="https://whatwg.org/">WHATWG</a></abbr>-Community bzw. <a href="https://ln.hixie.ch/">Ian Hickson</a> im speziellen, nicht sehr begeistert von dem bisherigen De-facto-Standard <a href="https://en.wikipedia.org/wiki/RDFa"><abbr title="Resource Description Framework - in - attributes">RDFa</abbr></a> und hat deshalb vor ein paar Wochen <a href="https://html.spec.whatwg.org/multipage/microdata.html">Microdata</a> als eine mögliche Alternative vorgestellt.</p>



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


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>Mein Name ist <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"name"</span>&gt;</span>Matthias<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Microdata ist für mich die gelungene Weiterentwicklung der <a href="http://microformats.org/">Microformats-Idee</a> 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.</p>



<h4 class="wp-block-heading">Microdata im Microformats-Stil</h4>



<p>Um z.B. eine <a href="http://microformats.org/wiki/hcard">hCard</a> mit Microdata abzubilden muss man eigentlich nur die bisher verwendeten <code>class</code> durch <code>itemprop</code>-Attribute zu ersetzen und mit <code>itemtype</code> das Format festlegen.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Matthias Pfefferle<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"photo"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"avatar.png"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"Avatar"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>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.</p>



<h4 class="wp-block-heading">Microdata im RDFa-Stil</h4>



<p><code>item</code> und <code>itemprop</code> können aber auch durch URIs (ähnlich wie RDFa) ausgezeichnet werden und würden sich dadurch relativ leicht (durch z.B. <abbr title="Gleaning Resource Descriptions from Dialects of Languages"><a href="https://en.wikipedia.org/wiki/GRDDL">GRDDL</a></abbr>) in klassisches <abbr title="Resource Description Framework"><a href="https://en.wikipedia.org/wiki/Resource_Description_Framework">RDF</a></abbr> konvertieren lassen.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://www.w3.org/2001/vcard-rdf/3.0#"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"http://www.w3.org/2001/vcard-rdf/3.0#fn"</span>&gt;</span>
    Matthias Pfefferle
  <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"http://www.w3.org/2001/vcard-rdf/3.0#photo"</span>
       <span class="hljs-attr">src</span>=<span class="hljs-string">"avatar.png"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"Avatar"</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<h4 class="wp-block-heading">Fazit</h4>



<p>Trotz <a href="https://notiz.blog/2009/05/16/html5-wird-kein-rdfa-unterstuetzen/">anfänglicher Skepsis</a> bin ich immer begeisterter von dem neuen HTML5 Draft! Microdata fühlt sich einfach viel mehr nacht HTML an&#8230; </p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">itemscope</span> <span class="hljs-attr">itemtype</span>=<span class="hljs-string">"http://microformats.org/profile/hcard"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"url"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://notiz.blog"</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">itemprop</span>=<span class="hljs-string">"fn"</span>&gt;</span>Matthias Pfefferle<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>&#8230;als RDFa.</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">xmlns:foaf</span>=<span class="hljs-string">"http://xmlns.com/foaf/0.1/"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">typeof</span>=<span class="hljs-string">"foaf:Person"</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">property</span>=<span class="hljs-string">"foaf:name"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"foaf:homepage"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://notiz.blog"</span>&gt;</span>
      Matthias
    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>Trotzdem hoffe ich, dass man sich doch noch irgendwie einigen kann und sich vielleicht in der Mitte trifft. Zwei neue HTML-Spezifikationen (XHTML2 &amp; (X)HTML5) sind schon verwirrend genug, da brauchen wir nicht auch noch zwei unterschiedliche <em>Semantik-HTML</em>-Standards</p>
<p>RSS readers like you are the unsung heroes of the internet. Keep up the good work!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/06/18/microdata-semantisches-html5/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>HTML5 wird kein RDFa unterstützen</title>
		<link>https://notiz.blog/2009/05/16/html5-wird-kein-rdfa-unterstuetzen/</link>
					<comments>https://notiz.blog/2009/05/16/html5-wird-kein-rdfa-unterstuetzen/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Sat, 16 May 2009 06:01:49 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[WaSP]]></category>
		<category><![CDATA[WHATWG]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=1566</guid>

					<description><![CDATA[In einem kürzlich veröffentlichten Interview für das Web Standards Project (kurz WaSP) hat Ian Hickson (Editor der HTML5 Spezifikation) die Hoffnung RDFa würde auch von HTML5 unterstützt werden, endgültig zu nichte gemacht. Auf die Frage, wie es denn mit Microformats/RDFa in HTML5 aussehe antwortet Hickson: Microformats is natively supported in HTML5, just like it was [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>In einem kürzlich veröffentlichten <a href="http://www.webstandards.org/2009/05/13/interview-with-ian-hickson-editor-of-the-html-5-specification/">Interview für das Web Standards Project</a> (kurz WaSP) hat <a href="https://ln.hixie.ch/">Ian Hickson</a> (Editor der <a href="http://www.whatwg.org/specs/web-apps/current-work/">HTML5 Spezifikation</a>) die Hoffnung RDFa würde auch von HTML5 unterstützt werden, endgültig zu nichte gemacht.</p>



<p>Auf die Frage, wie es denn mit Microformats/RDFa in HTML5 aussehe antwortet Hickson:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
	<p>Microformats is natively supported in HTML5, just like it was in HTML 4, because Microformats use the built-in extension mechanisms of HTML.</p>
	<p>We considered RDFa long and hard (in fact this is an issue that’s a hot topic right now), but at the end of the day, while some people really like it, I don’t think it strikes the right balance between power and ease of authoring. For example, it uses namespaces and prefixes, which by and large confuse authors to no end. Just recently though I proposed something of a compromise which takes some of RDFa’s better ideas and puts them into HTML 5, so hopefully that will take care of the main needs that caused people to invent RDFa. We’ll see.</p>
</blockquote>



<p>Die erwähnte Alternative (die ich mir gerade zu Gemühte führe) lautet übrigens <a href="https://html.spec.whatwg.org/multipage/microdata.html">Microdata</a>, welche RDFa so sehr ähnelt, dass man eigentlich auch gleich RDFa hätte einsetzen können&#8230; Schade!</p>
<p>Thanks for reading this post via RSS. RSS is great, and you’re great for using it. ♥️</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/05/16/html5-wird-kein-rdfa-unterstuetzen/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
	</channel>
</rss>
