Kontaktinformationen semantisch annotiert

Geschrieben von Jens am 28. November 2008

Das semantische Web kommt in vielen winzigen Schritten. Die einfachste Möglichkeit semantische Annotationen einer Webseite hinzuzufügen sind Mikroformate. Um Kontaktinformationen zu annotieren gibt es das hCard Format. Es ist eine 1 zu 1 Umsetzung des vCard Standards.

Ich habe die Kontaktinformationen auf dieser Seite mit Hilfe des hCard Creators um hCard Annotationen erweitert. Zum Schutz vor Spam habe ich meine E-Mailadresse mit dem hCard-friendly e-mail address obfuscator bearbeitet.

Die Syntax kann man mit dem hCard microformat Validator überprüfen. Der Quelltext sieht so aus:

  1.   <div id="hcard-Jens-Jäger" class="vcard">
  2.     <p><span class="fn">Jens Jäger</span></p>
  3.     <p class="adr">
  4.       <span class="street-address">Stichstraße 38</span><br />
  5.       <span class="postal-code">71069</span>
  6.       <span class="locality">Sindelfingen</span><br />
  7.       <span class="country-name">Deutschland</span>
  8.     </p>
  9.   <abbr>Telefon: </abbr><span class="tel">+49 7031 4101986</span>
  10.   <p>
  11.   <a class='email
  12.   href="mailto:me"
  13.   '
  14.   href
  15.   = '
  16.   ' 
  17.   href 
  18.   = '  &amp;#x20;m&amp;#97;i&amp;#x6C;&amp;#x74;&amp;#111;&amp;#58;&amp;#32;%&amp;#x36;&amp;#98;%&amp;#54;&amp;#x66;&amp;#110;t&amp;#x25;6&amp;#x31;k&amp;#37;&amp;#52;&amp;#x30;&amp;#x6A;e%&amp;#x36;e&amp;#37;73&amp;#x6a;&amp;#x25;&amp;#x36;1&amp;#x65;&amp;#x25;67%&amp;#54;&amp;#53;&amp;#x25;72&amp;#x25;2&amp;#101;&amp;#x25;63%6&amp;#x66;&amp;#37;&amp;#x36;d&amp;#63;'&gt;&amp;#x6B;&amp;#x6F;ntak&amp;#x40;j&amp;#x65;n<!–
  19.     mailto:abuse@hotmail.com
  20.     </a>
  21.     –>&shy;s&#x6A;&#97;&#x65;&#x67;&#101;r&#46;&#x63;om</a>
  22.     </p>
  23.   </div>
Trackbacks

Benutze diesen Link um diesen Artikel zu verlinken.

Kommentare

Schreibe einen Kommentar

Kommentare