init commit

This commit is contained in:
zino
2021-02-16 23:07:41 +01:00
parent ec3fc78e0f
commit 12b4ef5db4
5000 changed files with 2596132 additions and 0 deletions

View File

@@ -0,0 +1,86 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XFN - XHTML Friends Network </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
/*<![CDATA[*/
h1 { text-transform:capitalize; font-variant:small-caps }/*]]>*/
</style>
<link rel="start" href="intro" title="XFN: Introduction and Examples" />
<link rel="glossary" href="11" title="XFN profile" />
<link rel="help" href="faq" title="XFN: FAQ" />
<link rel="copyright" href="#copyright" title="Copyright" />
</head>
<body>
<ul id="menu">
<li><a href="../xfn/">Home</a></li>
<li><a href="intro">Intro</a></li>
<li><a href="join">Join</a></li>
<li><a href="background">Background</a></li>
<li><a href="faq">FAQ</a></li>
<li><a href="tools">Tools</a></li>
<li><a href="and/">And...</a></li>
<li><a href="helping">Helping</a></li>
<li><a href="thanks">Thanks</a></li>
<li><a href="feedback">Feedback</a></li>
</ul>
<h1>Xhtml Friends Network</h1>
<p>
<abbr title="XHTML Friends Network">XFN&trade;</abbr> (<strong>X</strong>HTML <strong>F</strong>riends <strong>N</strong>etwork) is a simple way to represent human relationships using hyperlinks. In recent years, <dfn><a href="http://www.technorati.com/help/blogging101.html" title="Hyperlink to a definition of the term 'blog' and related terms.">blogs</a></dfn> and <dfn><a href="http://www.microcontentnews.com/resources/glossary/blogrolling.htm" title="Hyperlink to a definition of the term 'blogrolling'">blogrolls</a></dfn> have become the fastest growing area of the Web. XFN enables web authors to indicate their relationship(s) to the people in their blogrolls simply by adding a '<code>rel</code>' attribute to their <code title="hyperlink anchor">&lt;a href&gt;</code> tags, e.g.:
</p>
<p>
<code class="eg">&lt;a href="http://jeff.example.org" <strong>rel="friend met"</strong>&gt;...</code>
</p>
<p>To find out how to write and use XFN, or to write a program to generate or spider it, read the following sections:
</p>
<dl>
<dt><a href="intro">Introduction and Examples</a></dt>
<dd>Introduction to XFN, examples, styling suggestions, and future potential.</dd>
<dt><a href="join">Getting Started</a></dt>
<dd>Join the XHTML Friends Network in just four easy steps!</dd>
<dt><a href="11">Profile</a></dt>
<dd>Version 1.1 of the XFN meta data profile: the list of the values used in XFN with their significance. See the <a href="../xmdp">XMDP home page</a> for more information on XHTML Meta Data Profiles.</dd>
<dt><a href="background">Background</a></dt>
<dd>The thinking that went into the design of XFN, why particular values were chosen, and why other values were left out.</dd>
<dt><a href="faq">FAQ</a></dt>
<dd>Frequently asked questions about XFN.</dd>
<dt><a href="tools">XFN Tools</a></dt>
<dd>A collection of tools, templates, editors, communities, and other resources that let you edit XFN information. Includes the <a href="creator">XFN Creator</a>, among many others.</dd>
<dt><a href="and">XFN and ...</a></dt>
<dd>How to use XFN with numerous social network services and other technologies.</dd>
<dt><a href="more">What's out there?</a></dt>
<dd>Pointers to pages and sites which use XFN, tools, ...</dd>
<dt><a href="helping">How can I help?</a></dt>
<dd>If you would like to support XFN...</dd>
<dt><a href="press">Press</a></dt>
<dd>Articles about or that reference XFN...</dd>
<dt><a href="thanks">Thanks</a></dt>
<dd>Thanks to all those who have helped XFN with their feedback, constructive criticisms, suggestions, and inspirational uses.</dd>
<dt><a href="feedback">Feedback</a></dt>
<dd>Let us know what you think about XFN.</dd>
</dl>
<div id="trail">
<a href="index">XFN</a> [<a href="../">GMPG</a>]
</div>
<div id="footer"><p id="copyright">
Copyright &copy; 2003&#8211;2020 GMPG. <a rel="license" href="http://creativecommons.org/licenses/by-nd/2.0/">Some rights reserved</a>.</p>
</div>
</body>
</html>

View File

@@ -0,0 +1,5 @@
Info-file generated by HTTrack Website Copier 3.49-2
The file /home/zino/websites/pkrstarsbotext/gmpg.org/xfn/.html has not been scanned by HTS
Some links contained in it may be unreachable locally.
If you want to get these files, you have to set an upper recurse level, and to rescan the URL.

View File

@@ -0,0 +1,224 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Mirrored from gmpg.org/xfn/11 by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 19 Nov 2020 20:39:00 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head><title>XFN 1.1 profile</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" lang="tr" content="Tantek &Ccedil;elik" />
<meta name="author" content="Matthew Mullenweg" />
<meta name="author" content="Eric Meyer" />
<link type="text/css" href="default.css" rel="alternate stylesheet" title="xfn default.css" />
<style type="text/css">
/*<![CDATA[*/
body { background: #FCFAEA; color: black; font: small/1.2 Verdana, Arial, sans-serif; margin: 0; padding: 2em 10%; }
dl { margin:0 0 0 2em }
dt { font-weight:bold }
h3 { margin:0; font-weight:normal; font-size:1em }
h3:first-letter { text-transform:capitalize; }
h2 a { display:block; margin-left:2em }
#warning { border: 1px solid red; background-color: #c33; padding: 1em;}
/*]]>*/
</style>
<link rel="contents" href=".html" title="XFN - XHTML Friends Network" />
<link rel="start" href="intro.html" title="XFN: Introduction and Examples" />
<link rel="help" href="faq.html" title="XFN: FAQ" />
<link rel="copyright" href="#copyright" title="Copyright" />
</head>
<body>
<h1><abbr title="XHTML Friends Network">XFN</abbr> 1.1 relationships meta data profile</h1>
<h2>Authors</h2>
<ul id="authors">
<li><a href="http://tantek.com/">Tantek &Ccedil;elik</a></li>
<li><a href="http://photomatt.net/">Matthew Mullenweg</a></li>
<li><a href="http://meyerweb.com/">Eric Meyer</a></li>
</ul>
<p>As described in <a href="http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.3">HTML4 Meta data profiles</a>.</p>
<dl class="profile">
<dt id="rel">rel</dt>
<dd><p><a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">HTML4 definition of the 'rel' attribute.</a> Here are some additional values, each of which can be used or omitted in any combination (unless otherwise noted, and except where prohibited by law) and their meanings, <dfn title="A symmetric relationship 'rel' is one where 'A rel B' implies 'B rel A' and vice versa.">symmetry</dfn>, <dfn title="A transitive relationship 'rel' is one where 'A rel B' and 'B rel C' implies 'A rel C'">transitivity</dfn> and <dfn title="A relationship 'rel' has an inverse 'inv' when 'A rel B' implies 'B inv A'. A symmetrical relationship is its own inverse.">inverse</dfn> if any. Please see the <a href=".html">XFN home page</a> for more information about <abbr title="XHTML Friends Network">XFN</abbr>.</p>
<div><h3>friendship (pick at most one)</h3>
<dl>
<dt id="contact">contact</dt>
<dd>Someone you know how to get in touch with. Often symmetric.</dd>
<dt id="acquaintance">acquaintance</dt>
<dd>Someone who you have exchanged greetings and not much (if any) more &mdash; maybe a short conversation or two. Often symmetric.</dd>
<dt id="friend">friend</dt>
<dd>Someone you are a friend to. A compatriot, buddy, home(boy|girl) that you know. Often symmetric.</dd>
</dl>
</div>
<div><h3>physical</h3>
<dl>
<dt id="met">met</dt>
<dd>Someone who you have actually met in person. Symmetric.</dd>
</dl>
</div>
<div><h3>professional</h3>
<dl>
<dt id="co-worker">co-worker</dt>
<dd>Someone a person works with, or works at the same organization as. Symmetric. Usually transitive.</dd>
<dt id="colleague">colleague</dt>
<dd>Someone in the same field of study/activity. Symmetric. Often transitive.</dd>
</dl>
</div>
<div><h3>geographical (pick at most one)</h3>
<dl>
<dt id="co-resident">co-resident</dt>
<dd>Someone you share a street address with. Symmetric and transitive.</dd>
<dt id="neighbor">neighbor</dt>
<dd>Someone who lives nearby, perhaps only at an adjacent street address or doorway. Symmetric. Often transitive.</dd>
</dl>
</div>
<div><h3>family (pick at most one)</h3>
<dl>
<dt id="child">child</dt>
<dd>A person's genetic offspring, or someone that a person has adopted and takes care of. Inverse is parent.</dd>
<dt id="parent">parent</dt>
<dd>Inverse of child.</dd>
<dt id="sibling">sibling</dt>
<dd>Someone a person shares a parent with. Symmetric. Usually transitive.</dd>
<dt id="spouse">spouse</dt>
<dd>Someone you are married to. Symmetric. Not transitive.</dd>
<dt id="kin">kin</dt>
<dd>A relative, someone you consider part of your extended family. Symmetric and typically transitive.</dd>
</dl>
</div>
<div><h3>romantic</h3>
<dl>
<dt id="muse">muse</dt>
<dd>Someone who brings you inspiration. No inverse.</dd>
<dt id="crush">crush</dt>
<dd>Someone you have a crush on. No inverse.</dd>
<dt id="date">date</dt>
<dd>Someone you are dating. Symmetric. Not transitive.</dd>
<dt id="sweetheart">sweetheart</dt>
<dd>Someone with whom you are intimate and at least somewhat committed, typically exclusively. Symmetric. Not transitive.</dd>
</dl>
</div>
<div><h3>identity</h3>
<dl>
<dt id="me">me</dt>
<dd>A link to yourself at a different URL. Exclusive of all other XFN values. Required symmetric. There is an implicit "me" relation from the contents of a directory to the directory itself.</dd>
</dl>
</div>
</dd>
</dl>
<h2>Acknowledgments</h2>
<p>Please see our <a href="https://gmpg.org/xfn/thanks">Thanks page</a> for acknowledgments.
</p>
<h2>Copyright</h2>
<p id="copyright">Copyright &copy; 2003&#8211;2020 GMPG <a href="#authors"></a>. <a rel="license" href="http://creativecommons.org/licenses/by-nd/2.0/">Some rights reserved</a>.</p>
</body>
<!-- Mirrored from gmpg.org/xfn/11 by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 19 Nov 2020 20:39:04 GMT -->
</html>

View File

@@ -0,0 +1,38 @@
body {background: #FCFAEA; color: black; position: relative;
margin: 0; padding: 2em 10%; font: small Verdana, Arial, sans-serif; line-height: 1.4;}
p {margin: 0 0 0.5em; text-indent: 3em;}
p#copyright { text-indent: 0 }
sup {vertical-align: 0.4em; font-size: 75%;}
pre {margin: 1.5em 1em;}
pre, code {font-size: 1em; color: #555; text-indent:0}
code strong, .egcodestrong { color:green; font-family:inherit }
code.eg { display:block; padding:.5em 1em; margin:.5em 1em; background:#fff; border:1px solid silver; white-space:pre}
h1 {margin: 2em 0 0.33em; border-bottom: 3px solid black; font-size: 250%; line-height: 1em;}
h2 {margin: 2em 0 0.75em; border-bottom: 3px double gray; font-size: 150%; line-height: 0.9em;}
h3 {margin: 1.5em 0 0.5em; border-bottom: 1px solid #000; font-size: 125%; line-height: 0.9em;}
h2 :link,h2 :visited,h3 :link,h3 :visited { text-decoration:none }
dt {font-weight: bold; margin-top:.2em}
#authlist {list-style: none; margin: 0; padding: 0; text-align: right;}
li {margin-top: 0.5em; padding:0}
.set li { margin-top:0 }
#fnotes {margin: 5em 0 0; padding: 0.5em 0 0; width: 10%; border-top: 1px solid; font-size: 90%;}
#fnotes li {width: 1000%; list-style: none;}
#trail {position: absolute; top: 0; right: 1em; width: 10em; padding: 0.33em;
font: bold 180% Arial, sans-serif; text-align: right; color: #DCDACA;}
#trail a {color: #DCDACA; font-size: 90%;}
#footer {margin-top: 3em; padding-top: 0.33em; border-top: 1px solid; color: #8C8A7A; font-size: 85%;}
blockquote {background: #DCDACA;
padding: 1em 2em; margin: 2em 1em 1em; border: 1px solid gray;
font: 1em Georgia, "New Century Schoolbook", "Times New Roman", Times, TimesNR, serif;}
blockquote p {margin: 0;}
blockquote cite { display:block; padding:0; margin-top:1em; text-align: right;}
img { border: none; }
#menu { margin: 0; padding: 0; position: absolute; right: 2em; top: 3em; }
#menu li { display: inline; text-transform: lowercase; list-style: none;}
#menu a { padding-right: 5px; }
#current { font-weight: bold; }

View File

@@ -0,0 +1,5 @@
Info-file generated by HTTrack Website Copier 3.49-2
The file /home/zino/websites/pkrstarsbotext/gmpg.org/xfn/default.css has not been scanned by HTS
Some links contained in it may be unreachable locally.
If you want to get these files, you have to set an upper recurse level, and to rescan the URL.

View File

@@ -0,0 +1,132 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XFN: Frequently Asked Questions </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
/*<![CDATA[*/
/*]]>*/
</style>
<link rel="start" href="intro" title="XFN: Introduction and Examples" />
<link rel="glossary" href="11" title="XFN profile" />
<link rel="help" href="faq" title="XFN: FAQ" />
<link rel="copyright" href="#copyright" title="Copyright" />
</head>
<body>
<ul id="menu">
<li><a href="../xfn/">Home</a></li>
<li><a href="intro">Intro</a></li>
<li><a href="join">Join</a></li>
<li><a href="background">Background</a></li>
<li><a id="current" >FAQ</a></li>
<li><a href="tools">Tools</a></li>
<li><a href="and/">And...</a></li>
<li><a href="helping">Helping</a></li>
<li><a href="thanks">Thanks</a></li>
<li><a href="feedback">Feedback</a></li>
</ul>
<h1><abbr title="XHTML Friends Network">XFN</abbr>: FAQ</h1>
<p>Frequently asked questions about XFN.
</p>
<dl>
<dt>Do you have questions?</dt>
<dd>We may have answers.</dd>
</dl>
<dl>
<dt id="isthereanorder">Do the XFN values have to be in a particular order?</dt>
<dd>Nope! You can list them in whatever order you like best, or mix it up randomly each time. So long as the values are separated by spaces, you're free to order them however you want.</dd>
<dt id="whenlinkingtoapost">How do I use XFN when I link to someone's blog post?</dt>
<dd>That's a great question and one which we've debated ourselves.
A typical reference to a blog post might look like:
<pre style="background:#CCC"><code>
&lt;a href="http://d.example.com/2003/11/08.html#T2134"&gt;
David wrote about a new theory
&lt;/a&gt;
...
</code></pre>
At first it seems easy enough to simply put an XFN value directly on the hyperlink and be done:
<pre style="background:#FCC"><code>
&lt;a rel="colleague met" href="http://d.example.com/2003/11/08.html#T2134"&gt;
David wrote about a new theory
&lt;/a&gt;
...
</code></pre>
But the problem with this is that the hyperlink doesn't link to the <em>person</em> David,
it links to a specific blog post. Thus what does it mean to be a "colleague" of a blog post,
or for that matter, to have "met" a blog post? The first step is to separate the person
from the post. It's already an established convention to treat blogs or personal sites as representing the person.
Additionally, we can add some semantics with the use of the <code>&lt;cite&gt;</code> tag.
<pre style="background:#CCC"><code>
&lt;a href="http://d.example.com"&gt;
&lt;cite&gt;David&lt;/cite&gt;
&lt;/a&gt;
&lt;a href="http://d.example.com/2003/11/08.html#T2134"&gt;
wrote about a new theory
&lt;/a&gt;
...
</code></pre>
and now it's much more obvious where to use XFN:
<pre style="background:#CFC"><code>
&lt;a rel="colleague met" href="http://d.example.com"&gt;
&lt;cite&gt;David&lt;/cite&gt;
&lt;/a&gt;
&lt;a href="http://d.example.com/2003/11/08.html#T2134"&gt;
wrote about a new theory
&lt;/a&gt;
...
</code></pre>
</dd>
<dt id="why">Why should a weblogger bother?</dt>
<dd>You might as well ask: why do webloggers bother to blog? Or why do they bother to create and maintain a blogroll? Here is an attempt to briefly answer a question that several books have already been written about:
<p>
Bloggers like to share with others (hence they blog). Bloggers like to share with others the list of other blogs and news sources that they like to read &mdash; blog rolls. Some bloggers even like to annotate their blogrolls with an asterisk "*" next to the names of folks that they have met. <a href=".">XFN</a> is the logical next step. A way to annotate the links in a blogroll according to whether you have met the person (and thus know they really exist), whether you think of them as a friend (and thus imply a stronger recommendation for their site) etc. XFN is easy (just add <code>rel="met"</code> to links to people you've met for starters), and helps you enrich what you've already built &mdash; no new languages or files needed. Edit your blogroll, type a few keystrokes, save/upload and you've joined the XHTML Friends Network. Welcome.
</p>
</dd>
<dt id="moredefs">What do symmetry, transitivity and inverse mean in the context of the XFN profile?</dt>
<dd>They're actually defined in the profile itself, try hovering over the italicized first occurance of the terms in the <a href="11">XFN profile</a>. For your convenience the definitions are repeated here:
<dl><dt>symmetry</dt>
<dd>A symmetric relationship 'rel' is one where 'A rel B' implies 'B rel A' and vice versa.</dd>
<dt>transitivity</dt>
<dd>A transitive relationship 'rel' is one where 'A rel B' and 'B rel C' implies 'A rel C'</dd>
<dt>inverse</dt>
<dd>A relationship 'rel' has an inverse 'inv' when 'A rel B' implies 'B inv A'. A symmetrical relationship is its own inverse.</dd>
</dl>
</dd>
<dt id="change">What do I do when my relationships change?</dt>
<dd>
What do you do when your friends move websites or domains or otherwise change their URL?
<p>
It's all a matter of updating your hyperlinks. The easiest thing to do is to keep your personal links in one or two places (like your blogroll or links pages) and then just update those when your relationships change, just like you would update them if your friends changed where they host their blogs etc.
</p>
<em style="display:block">But what about all my old blog posts where I've used XFN in my links to people?</em>
If you moved to a different city would you worry about updating all your blog posts that talk about where you used to live as if it were home?
<p>
You don't need to worry about updating your old blog posts' XFN info at all. In fact, just like the example of where you used to live, your old blog posts simply reflect your relationships at the time that you wrote those posts. See the XFN Background document for <a href="http://gmpg.org/xfn/background#timeless">more on mixing XFN and time based formats</a> like blogs.
</p>
</dd>
<dt>What about virtual relationships? I mean, I haven't met most of the people in my blogroll, how do I use XFN for them?</dt>
<dd>
Simple, you just omit the '<code>met</code>' value.
<p>
If you XFN your hyperlink to someone with <code>rel="acquaintance"</code>, you are saying that that person is your acquaintance, and by deliberately omitting the '<code>met</code>' value, you are saying that you've never physically met. Therefore you have a virtual relationship with that someone.
</p>
<p>
In the same way, you can make someone your virtual "<code>friend</code>" as well. You may eventually meet them in person, and then you would link to them with <code>rel="friend met"</code>.
</p>
</dd>
</dl>
<div id="trail">
<a href="index">XFN</a> [<a href="../">GMPG</a>]
</div>
<div id="footer"><p id="copyright">
Copyright &copy; 2003&#8211;2020 GMPG. <a rel="license" href="http://creativecommons.org/licenses/by-nd/2.0/">Some rights reserved</a>.</p>
</div>
</body>
</html>

View File

@@ -0,0 +1,5 @@
Info-file generated by HTTrack Website Copier 3.49-2
The file /home/zino/websites/pkrstarsbotext/gmpg.org/xfn/faq.html has not been scanned by HTS
Some links contained in it may be unreachable locally.
If you want to get these files, you have to set an upper recurse level, and to rescan the URL.

View File

@@ -0,0 +1,347 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XFN: Introduction and Examples </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
/*<![CDATA[*/
.relgrid {background: gray; margin-bottom: 1.5em;}
.relgrid th {text-align: left; background: silver; vertical-align: top;
padding: 0.2em;}
.relgrid td {font: 90% "Courier New", Courier, monospace; white-space: pre; vertical-align: top;
padding: 0.33em; background: white;}
.relgrid td.null {background: #DDD; color: #DDD;}
.relcharts {margin-bottom: 1.5em; margin-right: 10%;}
.relcharts td {vertical-align: top; border-top: 1px solid gray; padding: 0.25em 0 0.25em 1em;}
.relcharts p {text-indent: 0;}
.fig {margin: 1em 0;}
.fig img {border: 1px solid silver; padding: 5px; background: white;}
.results {margin: 1em;}
.results span {text-decoration: none; color: blue;}
.results .friend {font-weight: bold;}
.results .co-worker {text-decoration: underline;}
.results .acquaintance {font-style: italic;}/*]]>*/
</style>
<link rel="start" href="intro" title="XFN: Introduction and Examples" />
<link rel="glossary" href="11" title="XFN profile" />
<link rel="help" href="faq" title="XFN: FAQ" />
<link rel="copyright" href="#copyright" title="Copyright" />
</head>
<body>
<ul id="menu">
<li><a href="../xfn/">Home</a></li>
<li><a id="current" >Intro</a></li>
<li><a href="join">Join</a></li>
<li><a href="background">Background</a></li>
<li><a href="faq">FAQ</a></li>
<li><a href="tools">Tools</a></li>
<li><a href="and/">And...</a></li>
<li><a href="helping">Helping</a></li>
<li><a href="thanks">Thanks</a></li>
<li><a href="feedback">Feedback</a></li>
</ul>
<h1><abbr title="XHTML Friends Network">XFN</abbr>: Introduction and Examples</h1>
<blockquote>
<p>
The web is more a social creation than a technical one. I designed it for a social effect &mdash; to help people work together &mdash; and not as a technical toy. The ultimate goal of the Web is to support and improve our weblike existence in the world. We clump into families, associations, and companies. We develop trust across the miles and distrust around the corner.
</p>
<p><cite>&mdash;Tim Berners-Lee, Weaving The Web</cite></p>
</blockquote>
<h2>Introduction</h2>
<p>
<abbr title="XFN relationships meta data profile">XFN</abbr> puts a human face on linking. As more people have come online and begun to form social networks, services such as <a href="http://www.technorati.com/">Technorati</a> and <a href="http://www.feedster.com/">Feedster</a> have arisen in an attempt to show how the various nodes are connected. Such services are useful for discovering the mechanical connections between nodes, but they do not uncover the <em>human</em> relationships between the people responsible for the nodes.
</p>
<p>
XFN outlines the relationships between individuals by defining a small set of values that describe personal relationships. In HTML and XHTML documents, these are given as values for the <code>rel</code> attribute on a hyperlink. XFN allows authors to indicate which of the weblogs they read belong to friends, whom they've physically met, and other personal relationships. Using XFN values, which can be listed in any order, people can humanize their blogrolls and links pages, both of which have become a common feature of weblogs. </p>
<p>
In sufficiently modern browsers, authors using XFN can easily style all links of a particular type; thus, friends could be boldfaced, co-workers italicized, and so on. It is also the hope of the authors that this practice becomes widespread enough to allow the creation of a service that charts personal (as opposed to purely mechanical) links between weblogs and the people responsible for them.
</p>
<h2>Examples</h2>
<h3>A Short Blogroll</h3>
<p>
Joe is just getting started in the blogging world, and has a set of five links in his blogroll: his girlfriend Jane; his friends Dave and Darryl; industry expert James, who Joe briefly met once at a conference; and MetaFilter.
</p>
<p>
The links in Joe's blogroll would look something like this:
<code class="eg">&lt;a href="http://jane-blog.example.org/" <strong>rel="sweetheart date met"</strong>&gt;Jane&lt;/a&gt;
&lt;a href="http://dave-blog.example.org/" <strong>rel="friend met"</strong>&gt;Dave&lt;/a&gt;
&lt;a href="http://darryl-blog.example.org/" <strong>rel="friend met"</strong>&gt;Darryl&lt;/a&gt;
&lt;a href="http://www.metafilter.com/"&gt;MetaFilter&lt;/a&gt;
&lt;a href="http://james-blog.example.com/" <strong>rel="met"</strong>&gt;James Expert&lt;/a&gt;</code>
</p>
<p>
MetaFilter gets no value since it does not represent an actual person. The others in the list are given space-separated values appropriate to the link target. Thus, since Joe is dating his sweetheart Jane (who he has, perhaps not surprisingly, also met in person) he gives the link to her the values <code>sweetheart date met</code>. If Joe were not as committed to Jane, and in fact dated other people from time to time, then the <code>sweetheart</code> value would be dropped.
</p>
<h3>Links Between Two</h3>
<p>
Adam and Brad have met each other through mutual acquaintances, and had a few interesting conversations at parties where they found they had several interests in common. They have linked to each other as follows:
<code class="eg">&lt;a href="http://brad-log.example.org/" rel="met friend"&gt;Brad&lt;/a&gt;
&lt;a href="http://adam-log.example.org/" rel="met acquaintance"&gt;Adam&lt;/a&gt;</code>
</p>
<p>
Note that while values such as <code>friend</code> are defined to be symmetric, this does not require that links between blogs be of the same types. Here, Adam feels Brad is a friend, but Brad has classified Adam as an acquaintance.
</p>
<p>
Similarly, symmetric values can be one-way. For example, let's say Adam decides he has a crush on Brad. He then updates his link as follows:
<code class="eg">&lt;a href="http://brad-log.example.org/" rel="met friend crush"&gt;Brad&lt;/a&gt;</code>
</p>
<p>
If Brad is not attracted to Adam, then obviously he won't add a similar XFN value to his link to Adam. If he is, though, he could add a <code>crush</code> value to his link to Adam. Any service that charted XFN values could notice this, and add their names to a "mutual attraction" list. A sufficiently advanced service might e-mail both Adam and Brad to point out that they seem to have a mutual attraction.
</p>
<h3>Party of Five</h3>
<p>
Let's consider a closed group of five people, all of whom link to each other but to nobody else. The members of this group are:
</p>
<dl>
<dt>Ingrid</dt>
<dd>Works with Mary, is friends with Mary and Josh, is acquainted with Kat, and has physically met everyone except Nick</dd>
<dt>Josh</dt>
<dd>Son of Kat, friends with Ingrid and Nick, and has a crush on Mary (who he has met and considers an inspiration)</dd>
<dt>Kat</dt>
<dd>Mother of Josh; friends with Mary; in the same field as Ingrid and Mary but does not work at the same company; is acquainted with Nick</dd>
<dt>Mary</dt>
<dd>Works with Ingrid; is friends with Ingrid and Kat; has met everyone</dd>
<dt>Nick</dt>
<dd>Has a crush on Kat, who he's met; has never met Ingrid</dd>
</dl>
<p>
We'll further assume all these people are blogging, and have blogrolls that list all the other members of the group. In the first example, Ingrid would have the following links:
<code class="eg">&lt;a href="http://josh.example.com/" <strong>rel="friend met"</strong>&gt;Josh&lt;/a&gt;
&lt;a href="http://kat.example.com/" <strong>rel="met acquaintance"</strong>&gt;Kat&lt;/a&gt;
&lt;a href="http://mary.example.com/" <strong>rel="co-worker friend met"</strong>&gt;Mary&lt;/a&gt;
&lt;a href="http://nick.example.com/"&gt;Nick&lt;/a&gt;</code>
</p>
<p>
Note the lack of a <code>rel</code> attribute for Nick. Since none of the defined XFN values apply to Nick (from Ingrid's point of view), no <code>rel</code> is needed. If Ingrid and Nick ever do meet in person, she can simply add <code>rel="met"</code> to the link.
</p>
<p>
The <code>rel</code> values between these group members would be as follows:
</p>
<table class="relgrid" cellspacing="1">
<tr>
<th></th>
<th>...to Ingrid</th>
<th>...to Josh</th>
<th>...to Kat</th>
<th>...to Mary</th>
<th>...to Nick</th>
</tr>
<tr>
<th>From Ingrid...</th>
<td class="null">x</td>
<td>friend
met
</td>
<td>acquaintance
met
</td>
<td>co-worker
friend
met
</td>
<td></td>
</tr>
<tr>
<th>From Josh...</th>
<td>friend
met
</td>
<td class="null">x</td>
<td>parent
met</td>
<td>crush
muse
met</td>
<td>friend
met
</td>
</tr>
<tr>
<th>From Kat...</th>
<td>colleague
met
</td>
<td>child
met
</td>
<td class="null">x
</td>
<td>friend
colleague
met
</td>
<td>acquaintance
met
</td>
</tr>
<tr>
<th>From Mary...</th>
<td>co-worker
friend
met
</td>
<td>met
</td>
<td>friend
colleague
met
</td>
<td class="null">x
</td>
<td>met
</td>
</tr>
<tr>
<th>From Nick...</th>
<td>
</td>
<td>friend
met
</td>
<td>crush
met
</td>
<td>met
</td>
<td class="null">x
</td>
</tr>
</table>
<p>
This set of relationships can also be graphically represented in a variety of ways.
</p>
<table class="relcharts" cellspacing="0">
<tr>
<td><p>
For example, a simple chart of the people who have met each other could look like this.
</p>
</td>
<td class="fig">
<img src="pix/intro/five-met.gif" height="149" width="175" alt="">
</td>
</tr>
<tr>
<td><p>
It would also be possible to graph the friendship and acquaintance links in the set. In the following figure, a thick green line indicates friendship, whereas a thinner gray line indicates acquaintanceship. If a line is dashed and has an arrowhead, then the link is one-way; that is, only one of the two people has claimed the relationship.
</p>
</td>
<td class="fig">
<img src="pix/intro/five-acqfr.gif" height="149" width="175" alt="">
</td>
</tr>
<tr>
<td><p>
Similarly, we could graph professional relationships. Here, thick gray lines indicate co-workers, whereas thin gray lines denote colleagues. As before, a dashed line with an arrowhead indicates a one-way link.
</p>
</td>
<td class="fig">
<img src="pix/intro/five-prof.gif" height="149" width="175" alt="">
</td>
</tr>
<tr>
<td><p>
For that matter, the love and familial links between the group member could be represented. Here, a red line indicates a crush, and a blue line represents a familial link. In this scenario, familial links are drawn from parent to child.
</p>
</td>
<td class="fig">
<img src="pix/intro/five-lovefam.gif" height="149" width="175" alt="">
</td>
</tr>
</table>
<p>
There are many other ways to graph the group, of course, and many other ways to represent the links. We considered making lines between family members look like a double helix, for example.
</p>
<h3>Relationship Styling</h3>
<p>
With a CSS2-aware browser, it is possible to style links based on their <code>rel</code> values. Let's take another look at Ingrid's links:
<code class="eg">&lt;a href="http://josh.example.com/" <strong>rel="friend met"</strong>&gt;Josh&lt;/a&gt;
&lt;a href="http://kat.example.com/" <strong>rel="met acquaintance"</strong>&gt;Kat&lt;/a&gt;
&lt;a href="http://mary.example.com/" <strong>rel="co-worker friend met"</strong>&gt;Mary&lt;/a&gt;
&lt;a href="http://nick.example.com/"&gt;Nick&lt;/a&gt;</code>
</p>
<p>
Suppose Ingrid wants to boldface any link to a friend, underline any link to a co-worker, and italicize any link to someone who is an acquaintance. Using the <a href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" title="CSS2.1:5.8 Attribute selectors
">attribute selector syntax defined in CSS2.1</a>, the following stylesheet would meet her goals:
<code class="eg">a[rel~="friend"] {font-weight: bold;}
a[rel~="co-worker"] {text-decoration: underline;}
a[rel~="acquaintance"] {font-style: italic;}</code>
</p>
<p>
The resulting links would look something like this:
</p>
<div class="results">
<span class="friend met">Josh</span><br>
<span class="met acquaintance">Kat</span><br>
<span class="co-worker friend met">Mary</span><br>
<span>Nick</span>
</div>
<p>
It is also possible to use advanced CSS2 to insert content before or after elements. This can be used to recreate the practice of "starring" links to people physically met as follows:
<code class="eg">a[rel~="met"]:after {content: " *";}</code>
</p>
<p>
This will insert a space and an asterisk after every link that has an XFN value of <code>met</code>. The advantage is that it removes the need to manually add the asterisk in the blogroll source itself, while strengthening the social network at the same time. Applying just that rule to Ingrid's links might have an effect something like this:
</p>
<div class="results">
<span>Josh *</span><br>
<span>Kat *</span><br>
<span>Mary *</span><br>
<span>Nick</span>
</div>
<h2 id="bots">Brief Notes on Spidering</h2>
<p>
An XFN spider or crawler must at a minimum:
</p>
<ol>
<li>Parse documents it encounters according to their language (e.g. legacy HTML, or well formed XHTML as XML).</li>
<li>Obey "base" URL conventions according to the document language (e.g. <code>&lt;BASE&gt;</code>, <code>&lt;base /&gt;</code>, <code>xml:base</code> ).</li>
<li>Track link tags (e.g. <code>&lt;a href&gt;</code>, <code>&lt;link /&gt;</code>) with '<code>rel</code>' attributes with values defined by XFN, while ignoring unknown values. Note that the HTML '<code>rel</code>' attribute is a space separated set of values. </li>
<li>Traverse those link tags and parse their documents as described above.</li>
</ol>
<p>A more advanced XFN spider might do one or more of the following:
</p>
<ul>
<li>Parse the contents/titles of links (e.g. the text between the <code>&lt;a href&gt;</code> and <code>&lt;/a&gt;</code> tags, the '<code>title</code>' attribute of <code>&lt;a href&gt;</code> and <code>&lt;link /&gt;</code> elements) for an informative name of the target of the relationship.</li>
<li>Parse metainformation tags (e.g. <code>&lt;meta&gt;</code> in HTML or XHTML documents), specifically for the "author" (e.g. Dublin Core 'author' or (X)HTML's <code>&lt;meta name="author" content="NameGoesHere" /&gt;</code>). Note that such names should be preferred to names derived from links as described in the previous point.
</li>
<li>Apply heuristics to determine when an XFN relationship is nested inside a time-based format (such as a blog or blogarchive), to either (both) maintain a relationship history or (and) reconcile conflicting XFN values on links with the same source and destination.
</li>
</ul>
<h2 id="grandeur">Delusions of Grandeur</h2>
<ol>
<li>
<!-- WWF - World Wide Friendster. --> XFN provides the basis for a world-wide distributed network of personal connections. Proprietary data-owning services like Friendster could be superceded by XFN crawling and searching sites &mdash;a sort of "Friendorati," as it were. The advantage of a Friendorati-style network is that it allows every individual to fully express themselves through personal weblogs and web sites, instead of to the limited degree permitted by a proprietary service's user interface.
</li>
<li>
Commercial services like Amazon, which currently ask users to manually register all their friends in order to make "wish list" and other information sharing simpler, may find it easier simply to crawl XFN relationships on the open Internet. This would allow a user to enter the URL of their site, and let the service programmatically analyze XFN relationships to build a list of friends.
</li>
</ol>
<div id="trail">
<a href="index">XFN</a> [<a href="../">GMPG</a>]
</div>
<div id="footer"><p id="copyright">
Copyright &copy; 2003&#8211;2020 GMPG. <a rel="license" href="http://creativecommons.org/licenses/by-nd/2.0/">Some rights reserved</a>.</p>
</div>
</body>
</html>

View File

@@ -0,0 +1,5 @@
Info-file generated by HTTrack Website Copier 3.49-2
The file /home/zino/websites/pkrstarsbotext/gmpg.org/xfn/intro.html has not been scanned by HTS
Some links contained in it may be unreachable locally.
If you want to get these files, you have to set an upper recurse level, and to rescan the URL.