<?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>posh &#8211; notizBlog</title>
	<atom:link href="https://notiz.blog/tag/posh/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>posh &#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/posh/feed/"/>
<atom:link rel="search" type="application/opensearchdescription+xml" title="Search notizBlog" href="https://notiz.blog/wp-api/opensearch/1.1/document" />	<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>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/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>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/2009/06/18/microdata-semantisches-html5/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Structured blogging mit Flock</title>
		<link>https://notiz.blog/2008/06/15/structured-blogging-mit-flock/</link>
					<comments>https://notiz.blog/2008/06/15/structured-blogging-mit-flock/#respond</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Sun, 15 Jun 2008 15:33:36 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[Bloggen]]></category>
		<category><![CDATA[flock]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[posh]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<category><![CDATA[Structured-Blogging]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=906</guid>

					<description><![CDATA[Strukturiertes bloggen (z.B. die Verwendung von Microformats in Blog-Posts) stellt eine gewisse Hürde für den Verfasser dar, da ein gewisser Mehraufwand in Form von strukturiertem/semantischem HTML notwenig ist. Um diese Hürde so gering wie möglich zu halten gibt es mittlerweile reichlich Plugins für die gängigsten Weblog-Tools sowie die verbreitetsten Mikroformate. Um den Komfort der strukturellen [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><a href="https://web.archive.org/web/20100106115556/http://structuredblogging.org/">Strukturiertes bloggen</a> (z.B. die Verwendung von <a href="http://microformats.org">Microformats</a> in Blog-Posts) stellt eine gewisse Hürde für den Verfasser dar, da ein gewisser Mehraufwand in Form von <a href="http://microformats.org/wiki/posh">strukturiertem/semantischem HTML</a> notwenig ist. Um diese Hürde so gering wie möglich zu halten gibt es mittlerweile <a href="http://microformats.org/wiki/implementations">reichlich Plugins</a> für die gängigsten Weblog-Tools sowie die <a href="http://microformats.org/wiki/Main_Page#Specifications">verbreitetsten Mikroformate</a>.</p>



<p>Um den Komfort der strukturellen Inhalte auch auf den Desktop zu bringen gibt es ein schickes Plugin für den <a href="http://flock.com">Flock</a> <a href="https://web.archive.org/web/20101122161745/http://flock.com/faq/show/29">Blog-Editor</a>.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://notiz.blog/wp-content/uploads/2008/06/hcalendar-flock-blogging.jpg" alt="hcalendar-flock-blogging.jpg" /></figure>



<p><a href="https://web.archive.org/web/20140831141309/http://flock.spatialviews.com:80/blogplus_features.html">Blogplus</a> erweitert den Blog-Editor von Flock um eine Menge neuer Features, um unter anderem auch strukturierter bloggen zu können:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
	<p>Preset Markup allows you to create, store, edit and apply preset html markup to highlighted text, such as preformatted signatures, css styles or html element attributes (id, class, title). This is particulalrly useful for improving productivity for <a href="http://microformats.org">microformat</a> creation. See <a href="https://web.archive.org/web/20120924042901/http://flock.spatialviews.com:80/blogplus_markup.html">help page</a> for more info.</p>
</blockquote>



<p>oder:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
	<p>hCalendar allows you to create microformats hCalendar events. This is included as it is a little easier than going the Preset Markup route for the complicated hCalendar markup.</p>
</blockquote>



<p>Ich hoffe <a href="http://www.red-sweater.com/marsedit/">MarsEdit</a> kommt demnächst mit einem ähnlichen Feature 🙂</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/2008/06/15/structured-blogging-mit-flock/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
