kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

XFN (XHTML Friends Network) Microformat

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.

Workshops und Seminare von kulturbanause

Visual Prototyping, Responsive Design, CSS Grid & Flexbox, WordPress, Adobe XD, HTML & CSS Grundlagen, Website-Optimierung …

Jetzt Frühbucher-Rabatte sichern!

Anwendung von XFN

Über das rel-Attribut von HTML kann über vordefinierte Werte die soziale Beziehung angegeben werden. Dem bestehenden <a>-Tag wird lediglich das relation-Attribut (relation = Beziehung) 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 können im rel-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

Das folgende Code-Snippet zeigt, wie mittels XFN angegeben wird, 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>

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Das könnte dich auch interessieren

7 Kommentare

  1. Iserlohner

    Verfasst am 18. Februar 2009 um 21:44 Uhr.

    das kannte ich auch noch nicht! werde mir das mal in zukunft etwas geauer ansehen.

    danke für die Informationen und schöne grüße aus dem Sauerland :P

    arndt

  2. Frank

    Verfasst am 11. Januar 2013 um 14:25 Uhr.

    Interesannte Sache, das mit den rel-Attributen! Gibt es auch einen Rückwärtsbezug für „Verlag“ oder „Herausgeber“ und ähnliches? Bzw. gibt es irgendwo eine komplette Liste festgelegter Begriffe?

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.