<?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>markup &#8211; notizBlog</title>
	<atom:link href="https://notiz.blog/tag/markup/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>Fri, 08 Jan 2021 14:19:23 +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>markup &#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/markup/feed/"/>
<atom:link rel="search" type="application/opensearchdescription+xml" title="Search notizBlog" href="https://notiz.blog/wp-api/opensearch/1.1/document" />	<item>
		<title>Microformats</title>
		<link>https://notiz.blog/2006/11/20/microformats/</link>
					<comments>https://notiz.blog/2006/11/20/microformats/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Mon, 20 Nov 2006 18:53:43 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[hCalendar]]></category>
		<category><![CDATA[hCard]]></category>
		<category><![CDATA[markup]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[XFN]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://notizblog.org/2006/11/20/microformats/</guid>

					<description><![CDATA[Wenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff &#8222;Microformats&#8220; oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut? Wikipedia meint dazu: Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen können leicht aus Webseiten extrahiert [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="alignright"><img decoding="async" src="https://notiz.blog/wp-content/uploads/2006/11/microformats.jpg" alt="microformats.jpg"/></figure></div>



<p>Wenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff &#8222;<a href="http://microformats.org/">Microformats</a>&#8220; oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut?</p>



<p><a href="https://de.wikipedia.org/wiki/Microformats">Wikipedia</a> meint dazu:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen können leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verständlich.</p></blockquote>



<p>Das heißt, es werden vorhantenen Attributen (class, rel, rev) von <abbr title="(Extensible) HyperText Markup Language">(X)HTML</abbr> verwendet um neue Formate zu speziellen Themen- oder Wissensgebieten zu erstellen.</p>



<span id="more-257"></span>



<p>Eines der ersten Formate war <abbr title="Xhtml Friends Network"><a href="http://gmpg.org/xfn/">XFN</a></abbr>, es verwendt den &#8222;rel&#8220; Tag um persönliche Verbindungen über Links anzuzeigen. &lt;a href=&#8220;http://pinki-tine.blogspot.com/&#8220; rel=&#8220;friend met colleague&#8220;&gt;&#8230;
</p>



<p>Eine Anleitung und eine Liste von möglichen &#8222;rel&#8220;-Tags findet ihr <a href="http://gmpg.org/xfn/join">hier</a>.</p>



<p>Ein zweites erwähnenswertes Format ist &#8222;<a href="http://microformats.org/wiki/hcard">hCard</a>&#8222;. Es ist ein Versuch einen Onlinestandard für Kontakte zu erstellen.
</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">"url fn"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://example.com"</span>&gt;</span>
    Max Mustermann<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"email"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"
    mailto:max.mustermann@example.com"</span>&gt;</span>
    max.mustermann@example.com<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"adr"</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"street-address"</span>&gt;</span>Musterstr.<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">"locality"</span>&gt;</span>Musterstadt<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">"region"</span>&gt;</span>MP<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">"postal-code"</span>&gt;</span>11111<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">"country-name"</span>&gt;</span>Germany<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>
  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tel"</span>&gt;</span>111 111 111<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></span></pre>


<p>(Für Faule: Ein <a href="http://microformats.org/code/hcard/creator">hCard Creator</a>)</p>



<p>Der Vorteil eines solchen Formates, er ist maschinen-lesbar. Das heißt es ist möglich über z.B. <abbr title="Extensible Stylesheet Language">XSL</abbr> Schnittstellen eine <a href="https://de.wikipedia.org/wiki/VCard">vCard</a> zu erstellen. <a href="https://web.archive.org/web/20050731235029/http://www.technorati.com/">Technorati</a> z.B. bietet eine solche <a href="https://web.archive.org/web/20070514201631/http://technorati.com/contact">Schnittstelle</a>: http://technorati.com/contact/https://notiz.blog/contact/ </p>



<p>Die Technorati Engine sucht auf der übermittelten Seite nach einer hCard und wandelt diese in eine vCard um. Auch die Firma Apple, welche die vCard für ihr Adressbuch verwendet, nutzt das <a href="https://microformats.org/blog/2006/10/31/dotmac-webmail-implements-hcard/">hCard-Format für ihr Onlineangebot</a> <a href="http://www.apple.com/de/dotmac/">.Mac</a>.</p>



<p>Auf der Seite <a href="https://suda.co.uk/projects/X2V/">suda.co.uk</a> gibt es Links und Informationen zu weiteren Implementierungs-Möglichkeiten.</p>



<p>Das Problem bei dem ganzen ist, dass es Spammer dadurch noch leichter haben an komplette Adressen zu kommen&#8230;</p>



<p>Ein enormer Vorteil dieser Formate ist die Möglichkeit Search Engines in soweit anzupassen, dass sie anhand von XFN Soziale Netzte abzubilden oder dank hCard sogar telefonbuch.de abzulösen. Mal schaun wohin die Reise geht&#8230;</p>



<p>Weitere Formate sind <a href="http://microformats.org/wiki/hcalendar">vCalendar</a>, <a href="http://microformats.org/wiki/xoxo">XOXO</a>, <a href="http://microformats.org/wiki/hreview">hReview</a>, <a href="https://microformats.org/wiki/Main_Page">uvm.</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/2006/11/20/microformats/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
