xFolk Microformat

Click arrow key () to navigate to next page

xFolk

Earlier we saw the elemental Microformat rel-tag.
Rel-tag is used to tag the Web page, i.e., the content.
Conversely, xFolk is used to tag the link. More precisely, it is used to tag the resource identified by the link.
- Analogy: you are navigating the Web using your browser, and you get to a Web site that you like, so you bookmark (tag) the Web page identified by the link.
xFolk is a Microformat for facilitating decentralized tagging.

<body>
<h1>Trompe L'oeil</h1>
<p>Trompe L'oeil is artwork (painting) that is so realistic that it is difficult to distinguish
between reality and illusion.</p>
<p>Here is a Web site that has some amazing Trompe L'oeil artwork:
<a href="http://www.trompe-l-oeil-art.com/trompe.html">Trompe L'oeil by Art Effects</a></p>
</body>

<body>
<h1>Trompe L'oeil</h1>
<div class="xfolkentry">
<p class="description">
Trompe L'oeil is artwork (painting) that is so realistic that it is difficult to distinguish
between reality and illusion.
</p>
<p>
Here is a Web site that has some amazing
<span><a rel="tag" href="http://en.wikipedia.org/wiki/Trompe_L%27oeil">Trompe L'oeil</a></span>
<span><a rel="tag" href="http://en.wikipedia.org/wiki/Art">art</a></span>work:
<a class="taggedentry" href="http://www.trompe-l-oeil-art.com/trompe.html">Trompe L'oeil by Art Effects</a>
</p>
<div>
</body>

The Web page has a link to the Web page: Trompe L'oeil by Art Effects
We want to tag that Web page
Using the rel-tag Microformat we provide two tags: Trompe L'oeil and art
Using the xFolk "description" property we indicate that the description in the <p> element is a description of the Web site being pointed to
xfolkentry is the root classname. It ties together the link, the tags, and the description

description (a description of the thing being pointed at by the link)
taggedentry (the link being tagged; more precisely, the link to the resource being tagged)
tag (the rel-tag Microformat is used to tag the link)
xfolkentry (root classname; wraps the above properties; binds together the link, description of the link, and tag(s) of the link)