kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



XFN (XHTML Friends Network) Microformat

microformats

Das XFN (XHTML Friends Network)-Mikroformat zeichnet soziale Beziehungen in Hyperlinks aus.

So kann beispielsweise angegeben werden, dass der verwendete Hyperlink auf einen Blog eines Freundes, die Homepage der Ehefrau oder die E-Mailadresse des Arbeitskollegen verweist.

Anwendung von XFN

Über das "rel"-Attribut von XHTML kann über vordefinierte Werte die soziale Beziehung angegeben werden. Dem bestehenden a-Tag wird lediglich das relation-Attribut hinzugefügt und mit den entsprechenden Werten befüllt.

<a rel="XFN-Werte" href="http://www./../example.html">Linktitel</a>

XFN-Werte

Die folgenden Werte (Values) können im relation-Attribut verwendet werden.

  • friend Freund, Freundin etc.
  • acquaintance Bekanntschaft
  • contact Flüchtige Bekannte, Kontaktpersonen etc
  • met Jemand den man bereits persönlich getroffen hat
  • co-worker Arbeitskollege oder Mitarbeiter der gleichen Firma
  • colleague Schulkamerad, Kommilitone etc.
  • co-resident Jemand der im gleichen Haushalt lebt
  • neighbor Nachbar
  • child Kind (Sohn, Tochter)
  • parent Elternteil, Erziehungsberechtigter, Adoptivelternteil
  • sibling Geschwister (Bruder, Schwester)
  • spouse Ehegatte (Ehemann, Ehefrau)
  • kin Verwandschaft (Onkel, Tante, Oma, Opa etc)
  • muse Muse (inspirierende Person)
  • crush Jemand in den man verknallt ist
  • date Jemand mit dem man sich trifft
  • sweetheart Liebling, Lebenspartner, Geliebte etc.
  • me Du selbst. Sinnvoll bei Links auf eigene Seiten

Beispiel

Folgender winziger Code-Snippet ist nötig um mittels XFN anzugeben, dass der gesetzte Hyperlink auf das Blog deiner Schwester verlinkt, die mit dir im gleichen Haushalt wohnt und auf die gleiche Schule geht.

<a rel="sibling co-resident colleague" href="http://www.seite-der-schwester.de">Blog meiner Schwester</a>