Microformats Wiki - User contributions [en]

hcard-examples-fr

2013-03-15T13:46:59Z

Lisa-martin: /* Pages Apparentées */

<entry-title>Exemples de hCard</entry-title>

Exemples de [[hcard-fr|hCards]].

== Auteurs ==
* [http://tantek.com/ Tantek Çelik]
* Brian Suda
* Traduction [[Christophe Ducamp]]

== Exemples Instructifs ==

=== Auteurs de Pages et de Billets ===
[http://www.la-grange.net/w3c/html4.01/struct/global.html#h-7.5.6 Selon la spécification HTML4.01], "les auteurs devraient employer l'élément <code><address></code> pour fournir les informations de contact du document ou d'une partie essentielle de celui-ci" c'est-à-dire :

<source lang=html4strict>
<address>
<a href="http://tantek.com/">Tantek Çelik</a>
</address>
</source>

En ajoutant [[hcard-fr|hCard]] à un tel XHTML sémantique, vous pouvez indiquer explicitement le nom de la personne, son URL, etc. :

<source lang=html4strict>
<address class="vcard">
<a class="fn url" href="http://tantek.com/">Tantek Çelik</a>
</address>
</source>

Ceci pourrait être affiché comme :

[http://tantek.com/ Tantek Çelik]

Ceci fonctionne non seulement pour l'ensemble de pages, mais aussi pour les "parties essentielles" des pages, par exemple les billets de blog.

Voir le [http://microformats.org/blog/ blog microformats.org] (visualisez la source) pour un exemple vivant. L'auteur de chaque billet de blog sur le blog microformats.org est balisé comme un élément <code><address class="vcard"></code> comme dans l'exemple montré ci-dessus.

=== Références aux Personnes et aux Organisations ===

Un modèle commun dans les billets de blog est de lier les citations des noms de personnes vers leurs blogs, et/ou les organisations vers leurs pages d'accueil.
Par exemple :

<source lang=html4strict>
<cite>
<a href="http://meyerweb.com/">Eric Meyer</a>
a écrit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">
Tax Relief
</a>
</cite>)
à propos d'une lettre involontairement humoristique qu'il a reçue du
<a href="http://irs.gov/">Internal Revenue Service</a>.
</source>

En ajoutant hCard à un tel balisage, vous pouvez explicitement indiquer à la fois la personne et l'organisation par le nom et l'URL :

<source lang=html4strict>
<cite class="vcard">
<a class="fn url" href="http://meyerweb.com/">Eric Meyer</a>
</cite>
a écrit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">
Tax Relief
</a>
</cite>)
à propos d'une lettre involontairement humoristique qu'il a reçue du

<a class="fn org url" href="http://irs.gov/">Internal Revenue Service</a>
.
</source>

Remarquez les noms de classe "fn org url" sur l'hyperlien entourant IRS. Utiliser la même valeur (ou élément pour ce qui compte) pour "fn" et "org" indique que le hCard décrit une organisation plutôt qu'une personne.

Ceci pourrait être affiché comme :

''[http://meyerweb.com/ Eric Meyer]'' a écrit un billet (''[http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/ Tax Relief]'') à propos d'une lettre involontairement humoristique qu'il a reçue du [http://irs.gov/ Internal Revenue Service].

==== une personne qui travaille pour une organisation ====
Les personnes s'associent souvent elles-mêmes avec une société ou une organisation pour lesquelles elles travaillent. Par exemple :

<source lang=html4strict>

Jeremy Keith,
Clearleft

</source>

Bien sûr à cette heure, presque tout le monde a une URL à la fois pour soi-même et pour sa société. Il est facile d'ajouter une URL pour la personne dans l'exemple de la hCard au-dessus :

<source lang=html4strict>

<a class="fn url" href="http://adactio.com/">Jeremy Keith,
Clearleft

</source>

Mais pour ajouter une URL vers la société, il n'existe pas de propriété "org-url" (et il ne devrait pas y en avoir), au lieu de cela, utilisez la modularité et une hCard imbriquée pour la société elle-même :

<source lang=html4strict>

<a class="fn url" href="http://adactio.com/">Jeremy Keith,
<a class="url fn org" href="http://clearleft.com">Clearleft</a>

</source>

En outre, si la hCard de cette personne est sur une page qui la représente (c'est à dire une [[representative hCard-fr|hcard représentative]]), alors vous pouvez aussi utiliser la relation [[rel-group-fr|rel-group]] expérimentale sur l'hyperlien vers la société pour indiquer que la société est un "groupe" auquel appartient la personne.

<source lang=html4strict>

<a class="fn url" href="http://adactio.com/">Jeremy Keith,
<a class="url fn org" rel="group" href="http://clearleft.com">Clearleft</a>

</source>

=== hCard et XFN ===
==== Références vers des Personnes dans les Billets de Blog ====

Dans l'exemple au-dessus, une personne (le blogueur) fait référence à une autre personne (Eric Meyer). En plus d'utiliser hCard pour baliser explicitement la référence comme une personne, le blogueur peut utiliser [http://gmpg.org/xfn/ XFN] (Le XHTML Friends Network) pour indiquer sa relation avec Eric Meyer, par ex. :

<source lang=html4strict>
<cite class="vcard">
<a class="fn url" rel="friend colleague met" href="http://meyerweb.com/">
Eric Meyer
</a>
</cite>
a écrit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">Tax Relief</a>
</cite>)
à propos d'une lettre involontairement humoristique qu'il a reçue du

<a class="fn org url" href="http://irs.gov/">
Internal Revenue Service
</a>
.
</source>

Cela s'afficherait de la même façon que dans l'exemple précédent.

==== Références aux Personnes dans les Blogrolls ====

Beaucoup de blogueurs utilisent XFN (en utilisant souvent une interface utilisateur facile qui est construite dans [http://wordpress.org WordPress]) pour indiquer explicitement leurs relations avec les personnes dans leurs blogrolls :

<source lang=html4strict>
<ul>
<li>
<a href="http://meyerweb.com" rel="friend colleague met">Eric Meyer</a>
</li>
<li>
<a href="http://photomatt.net" rel="friend colleague met">Matt Mullenweg</a>
</li>
</ul>
</source>

En ajoutant le balisage hCard à une blogroll d'amis XFN, vous pouvez indiquer explicitement le nom et l'URL de la personne en plus de sa relation :

<source lang=html4strict>
<ul>
<li class="vcard">
<a class="fn url" href="http://meyerweb.com" rel="friend colleague met">Eric Meyer</a>
</li>
<li class="vcard">
<a class="fn url" href="http://photomatt.net" rel="friend colleague met">Matt Mullenweg</a>
</li>
</ul>
</source>

qui pourrait s'afficher comme :
* [http://meyerweb.com Eric Meyer]
* [http://photomatt.net Matt Mullenweg]

Ceci fait référence aux [[hcard-xfn-supporting-friends-lists-fr|listes d'amis supportant hCard et XFN]], et c'est un bloc-de-construction-clé de la [[social-network-portability-fr|portabilité du réseau social]].

Pour plus d'informations sur XFN, voir la [http://gmpg.org/xfn/ page d'accueil XFN], [http://gmpg.org/xfn/join rejoindre XFN] et [http://gmpg.org/xfn/background données de base sur XFN].

La technique est utilisée dans le plugin [http://factorycity.net/projects/wp-microformatted-blogroll/ WP Microformatted Blogroll].

=== Nouveaux Types d'Information de Contact ===

Depuis que la vCard a été conçue, il y a eu plusieurs autres services qui fournissent des individus avec des adresses ou d'autres moyens de contact, par ex. la messagerie instantanée, la voip, etc.

Est-ce que cela veut dire que vCard (et par conséquent hCard) doit être étendu pour les représenter ?

Grâce à la flexibilité de la propriété URL, la réponse est non, aucune extension n'est nécessaire. Au lieu de cela, nous utilisons l'URL appropriée pour le service qui identifie le service (protocole, machine et/ou chemin), et plaçons l'adresse de l'individu à l'intérieur de cela.

==== AOL Instant Messenger (AIM) ====
Les ids AOL Instant Messenger (AIM) peuvent être représentées en utilisant le protocole <code>aim:</code>. Beaucoup de personnes qui publient leurs ids AIM le font ainsi avec des URLs cliquables par ex. :

<source lang=html4strict>
<a href="aim:goim?screenname=ShoppingBuddy">IM avec l'AIM ShoppingBuddy</a>
</source>

Par conséquent pour hCard, nous adopterons ce comportement existant d'éditeur, et le saisirons simplement comme un autre URL pour le hCard :

<source lang=html4strict>
<a class="url" href="aim:goim?screenname=ShoppingBuddy">IM avec l'AIM ShoppingBuddy</a>
</source>

==== Yahoo! Messenger ====
De la même manière, les ids de Yahoo Instant Messenger (YIM) peuvent être représentées en utilisant le protocole <code>ymsgr:</code>. Et de la même manière, beaucoup publient leurs ids YIM comme des URLs cliquables par ex :

<source lang=html4strict>
<a href="ymsgr:sendIM?QuelqueAmiYahoo">IM avec QuelqueAmiYahoo</a>
</source>

A nouveau, pour hCard, nous adopterons ce comportement de publication de contenu existant, et le saisirons simplement comme un autre URL pour la hCard :
<source lang=html4strict>
<a class="url" href="ymsgr:sendIM?QuelqueAmiYahoo">IM avec QuelqueAmiYahoo</a>
</source>

==== MSN Messenger ====
Les ids de MSN Messenger (MSNIM) peuvent être représentées en utilisant le protocole <code>msnim:</code>. Et de la même façon, beaucoup publient leurs ids MSNIM comme des URLs cliquables par ex :

<source lang=html4strict>
<a href="msnim:chat?contact=jeandupont@hotmail.com">IM avec jeandupont@hotmail.com</a>
</source>

Pour hCard, nous adopterons ce comportement de publication existant et le saisirons simplement comme un autre URL pour le microformat hCard :

<source lang=html4strict>
<a class="url" href="msnim:chat?contact=jeandupont@hotmail.com">IM avec jeandupont@hotmail.com</a>
</source>

Voir les [[hcard-examples-issues-fr#MSN_Messenger|problématiques en rapport]].

==== XMPP (Jabber) ====
Les idées [http://www.xmpp.org/ Extensible Messaging and Presence Protocol (XMPP)] peuvent être représentées en utilisant le protocole <code>xmpp:</code>, par exemple :

<source lang=html4strict>
<a class="url" href="xmpp:username@jabberservice.com">IM with username@jabberservice.com</a>
</source>

Le protocole permet des URLs beaucoup plus riches, voir [http://www.faqs.org/rfcs/rfc4622.html RFC4622].

Il n'y a pas beaucoup de [http://wiki.jabber.org/index.php/XMPP_URIs#Jabber_Clients clients supportant actuellement le protocole].

==== Skype ====
Skype peut être représenté en utilisant le protocole <code>skype:</code>. Il peut être utilisé pour ouvrir une session de chat ou produire un appel Skype.

<source lang=html4strict>
<a href="skype:echo-chinese?chat">IM avec Skype echo service (Chinois) </a>
</source>

<source lang=html4strict>
<a href="skype:echo-chinese?call">Appel Skype vers Skype echo service (Chinois) </a>
</source>

De ce fait pour hCard, nous pourrions adopter ce comportement de publication existant, et le saisir simplement comme une autre URL pour la hCard :
<source lang=html4strict>
<a class="url" href="skype:echo-chinese?chat">IM avec Skype echo service (Chinois) </a>
</source>

<source lang=html4strict>
<a class="url" href="skype:echo-chinese?call">Appel Skype vers Skype echo service (Chinois)</a>
</source>

==== ICQ ====
ICQ n'a pas de schéma URL. Au lieu de cela, ICQ fait un lien sur le web en utilisant les hyperliens HTTP pour télécharger une ressource de contenu-type <code>application/x-icq</code> que le système d'exploitation ouvre alors avec le client utilisateur ICQ du client.

Par conséquent nous pouvons marquer ces hyperliens HTTP avec le contenu-type réglé explicitement pour conmmuniquer la sémantique ICQ :

<source lang=html4strict>

<a class="url"
type="application/x-icq"
href="http://www.icq.com/people/cmd.php?uin=[NUMEROICQ]&action=message">
Contact avec ICQ</a>
</source>

En remplaçant [NUMEROICQ] avec le véritable numéro ICQ de l'utilisateur.

==== Profils de Sites ====
Les blogueurs indiquent souvent leur identité sur les services d'hébergement de contenu en utilisant l'URL de leur page d'accueil, fil ou profil sur ces services. En les étiquetant comme des propriétés d'URL, ces facettes supplémentaires d'identité peuvent être aussi bien publiées dans hCard.

* <code>[http://del.icio.us delicious]:</code>
** <code><a class="url" href="http://del.icio.us/rbach">les liens de Robert Bachmann</a></code>
* <code>[http://flickr.com Flickr]:</code>
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a class="url" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>
* <code>[http://technorati.com/ Technorati]:</code>
** <code><a class="url" href="http://technorati.com/profile/tantek/">Profil Technorati</a></code>
* Complétez ici...
** ....

==== lister vos autres profils ====
Le cas le plus commun des sites listant d'autres profils sont les blogueurs qui listent leurs propres autres profils, ou un site permettant à un utilisateur de lister son profil sur ce site, et de lier vers ses autres profils. Du fait que l'auteur indique clairement que tous ces profils signifient la même personne, il est mieux de les marquer avec <code>rel="me"</code> de [[xfn-fr|XFN]] pour une consolidation d'identité explicite, par exemple si ces liens étaient sur le blog de Tantek ou d'autres profils de réseaux sociaux :

* <code>[http://del.icio.us delicious] :</code>
** <code><a class="url" href="http://del.icio.us/rbach">lien de Robert Bachmann</a></code>
* <code>mon [http://flickr.com Flickr] :</code>
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a rel="me" class="url" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>
* <code>[http://technorati.com/ Technorati] :</code>
** <code>my <a rel="me" class="url" href="http://technorati.com/profile/tantek/">Profil Technorati</a></code>
* Ajoutez-en plus ici...
** ....

Une telle consolidation d'identité explicite menée par l'utilisateur est aussi un bloc de construction-clé pour la [[social-network-portability-fr|portabilité-du-réseau-social]] qui est expliquée plus à fond dans le contexte des [[hcard-xfn-supporting-friends-lists-fr|listes-d'amis-supportant-hCard-et-XFN]].

=== Profils Canoniques sur les Sites ===
Les sites ont parfois différentes pages pour la "home" page d'une persone, et cette page profil de l'utilisateur.

Par exemple, Flick a :
* votre page d'accueil est sur une URL comme : <code>http://flickr.com/photos/</code> suivie par votre nom d'utilisateur, par ex. :
** http://flickr.com/photos/tantek/
* votre page profil est sur une URL comme <code>http://flickr.com/people/</code> suivie par votre nom d'utilisateur, par ex. :
** http://flickr.com/people/tantek/

En outre, les sites on souvent une URL canonique pour une personne et plusieurs URLs alternatives.

Comme cela a été noté au-dessus, les liens vers ces URLs à l'intérieur de hCards qui représentent ces personnes devraient avoir un nom de classe "url".

En outre, de tel(s) lien(s) dans les hCards vers l'URL canonique d'une personne sur ce site devrai(en)t aussi avoir le nom de classe "uid". Cette technique a été proposée par Ryan King au premier [[events/2007-08-28-social-network-portability-today|déjeuner Social Network Portability Today]].

Construit sur l'exemple en partant de la sections précédente :
* [http://flickr.com Flickr] :
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a rel="me" class="url uid" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>

Une telle propriété "url" + "uid" pourrait aussi être utilisé par un site sous l'URL [[OpenID-fr|OpenID]] de la personne.

=== Organisations et Départements ===
Les départements sont balisés en utilisant le nom de classe "organization-unit" à l'intérieur de l'élément "org", avec le nom de l'organisation "organization-name" spécifiquement balisé pur le distinguer du département :

<source lang=html4strict>
<div class="vcard">
<div class="org fn">
<div class="organization-name">Pages Jaunes France</div>
<div class="organization-unit">Apprentissage et Plomberie : Design Microformats</div>
</div>
</div>
</source>

Le département peut aussi faire partie de l'adresse, cas dans lequel vous pourrez vouloir le baliser explicitement comme "extended-address" (adresse étendue) en plus de "organization-unit".

<source lang=html4strict>
<div class="vcard">
<div class="adr">
<div class="org fn">
<div class="organization-name">Pages Jaunes France</div>
<div class="organization-unit extended-address">Apprentissage et Plomberie : Design Microformats</div>
</div>
<div class="street-address">7 avenue de la Cristallerie</div>
92310
Sèvres,
<abbr title="Ile de France" class="region">IDF</abbr>
</div>
</div>
</source>

Remarquez qu'en imbriquant le org dans l'adresse, nous avons évité de dupliquer le nom du département.

=== Listes d'Organisations ===
De la même façon que dans les [[hcard-examples-fr#R.C3.A9f.C3.A9rences_aux_Personnes_dans_les_Billets_de_Blog|listes de personnes]], les listes d'organisations (par exemple les groupes de musique) devraient utiliser une liste (non ordonnée à moins qu'il n'y ait une raison spécifique de la trier) avec des items de liste vers les pages d'accueil respectives des organisations.

par exemple ce simple [[posh-fr|CHIC]] :

<source lang=html4strict>
<ul>
<li>
<a href="http://microformateurs.org/">microformateurs.org</a>
</li>
<li>
<a href="http://technorati.com/">Technorati</a>
</li>
<li>
<a href="http://www.w3.org/">World Wide Web Consortium</a>
(W3C)
</a>
</li>
</ul>
</source>

peut être amélioré facilement avec hCard :

<source lang=html4strict>
<ul>
<li class="vcard">
<a class="fn org url" href="http://microformateurs.org/">microformateurs.org</a>
</li>
<li class="vcard">
<a class="fn org url" href="http://technorati.com/">Technorati</a>
</li>
<li class="vcard">
<a class="fn org url" href="http://www.w3.org/">World Wide Web Consortium</a>
(W3C)
</a>
</li>
</ul>
</source>

== Exemples <nowiki>RFC 2426</nowiki> dans la hCard ==

voir : [[hcard-examples-rfc2426-fr|exemples hcard rfc2426]]

== Test de Casses ==
Ce sont des exemples [[hcard-fr|hCard]] qui ont été trouvés particulièrement utiles pour trouver des bugs dans les parseurs hCard (par ex. X2V).

=== Problème avec Information BDAY ===
cet exemple :

<source lang=html4strict>

<div class="bday">
<dt>Anniversaire</dt>
<dd>
<abbr class="value" title="1985-10-27T00:00:00Z">27 octobre 1985</abbr>
</dd>
</div>
</source>

devrait produire "BDAY:1985-10-27T00:00:00Z" mais il produit "BDAY:Birthday October 27\, 1985". [dans quoi ? cette déclaration apparaît sans sens]. Le fait intéressant est que le carnet d'adresses apple est encore en train de vouloir l'accepter de cette façon.

* Peut-être provoqué par une erreur de parsage HTML, parce que <code><dt></code> et <code><dd></code> ne sont pas permis en tant qu'enfants de <code><div></code>.
=== INSENSIBILITE à la casse des valeurs type ===

* "home" vs. "Home"

cet exemple fonctionne avec X2V :

<source lang=html4strict>
<div class="tel">
<dt>Téléphone (home)</dt>
<dd>+438123418</dd>
</div>
</source>

ceci non, mais le devrait. Mais au lieu de ça il devient simplement TEL sans un type dans la vcard

<source lang=html4strict>
<div class="tel">
<dt>Téléphone (Home)</dt>
<dd>+438123418</dd>
</div>
</source>

=== GEO parsing ===
la hCard suivante :

<source lang=html4strict>
<div class="vcard">

<a class="url" href="http://t37.net">
Fréderic
de Villamil
</a>

neuro
<a class="email" href="mailto:neuroNOSPAM@t37.net">
preferred email
</a>
Omatis

<abbr class="type" title="dom">France</abbr>
home address
<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">shipments</abbr>:
12 rue Danton
Le Kremlin-Bicetre
94270
France


<abbr class="latitude" title="48.816667">N 48° 81.6667</abbr>
<abbr class="longitude" title="2.366667">E 2° 36.6667</abbr>

</div>
</source>

devrait être traduite dans la vCard suivante :

<source lang=html4strict>
BEGIN:VCARD
VERSION:3.0
URL:http://t37.net
ORG:Omatis;;
NICKNAME:neuro
N:de Villamil;Frederic;;Mr.;
EMAIL;TYPE=INTERNET,PREF:neuroNOSPAM@t37.net
ADR;TYPE=HOME:;;12 rue danton;le Kremlin-Bicetre;;94270;France
GEO:48.816667;2.366667
END:VCARD
</source>

X2V (2005-12-18) échoue à cette heure pour parser/exporter la propriété GEO.

== Pages Apparentées ==
* [[hcard-examples-issues-fr|hcard-exemples-problématiques]]
{{hcard-related-pages-fr}}
* Voir le site immobilier par département [http://www.immobilier-agence.net immobilier-agence.net]

rel-me-fr

2013-03-15T13:44:22Z

Lisa-martin: /* voir aussi */

<entry-title>rel="me"</entry-title>

[[xfn-fr|XFN]] 1.1 a introduit la valeur [[rel-fr|rel]] "me" qui est utilisée pour indiquer l'équivalence de profil et pour la [[identity-consolidation-fr|consolidation d'identité]].

<code>rel="me"</code> est utilisé sur les hyperliens provenant d'une page à propos d'une personne vers d'autres pages de cette même personne.

Par exemple, la [http://tantek.com/ page d'accueil] de [[User:Tantek|Tantek]] a (marquage simplifié)

<source lang=html4strict><a href="http://twitter.com/t" rel="me">@t</a></source>

Et son profil Twitter a (marquage simplifié)

<source lang=html4strict><a href="http://tantek.com/" rel="me">http://tantek.com/</a></source>

Etablissant de fait un lien rel-me bi-directionnel et confirmant que les deux URLs représentent la même personne.

Les auteurs peuvent utiliser le [http://gmpg.org/xfn/creator-fr créateur XFN] pour créer des hyperliens rel-me.

== screencast et vidéos ==
Regardez quelques vidéos courtes :
* [http://www.sixapart.com/static_news/opening_social_graph/xfn_links/xfn_links.html L'excellente explication *30 second* de David Recordon du XFN rel="me"].
* [http://www.youtube.com/watch?v=LabCylbapuM Brad Fitzpatrick explique rel="me" et plus sur XFN].
* [http://www.podtech.net/scobleshow/technology/1611/plaxo-to-ship-online-identity-aggregator-based-on-microformats L'explication au tableau blanc de Joseph Smarr] du rel="me" comme cela a été implémenté dans l'agrégateur d'identité en ligne Plaxo.
Plus long :
* [http://video.google.com/videoplay?docid=-8663100900373306094 Gavin Bell sur "What is your provenance?"] (40 minutes) - fournit une discussion bien plus approfondie de l'énoncé du problème de qui est une personne sur le Web, et démarrant aux alentours de 0:07:30, il explique comment [[hcard-fr|hCard]] + rel="me" aide à résoudre ce problème.

== tutoriels ==
[http://ungeekdapo.wordpress.com/2008/04/29/a-simple-data-portability-project-or-is-it/ A simple data portability project or is it] résumé de rel=me par Bob Ngu

== implémentations ==
[[wordpress-plugins-fr|extensions WordPress]] :
* [http://blog.maybe5.com/?page_id=94 Social Links Wordpress plugin] - supporte les liens rel-me vers d'autres services
* [http://code.l0g.in/about-me/ About Me plugin] (sur github) - supporte la création d'une page About Me avec des liens rel-me vers d'autres profils.

== rel-me-auth ==
[[RelMeAuth-fr|RelMeAuth]] est un standard ouvert proposé our utiliser les liens [[rel-me-fr|rel-me]] vers des services de profils supportant [[OAuth-fr|OAuth]] pour l'authentification via soit ces ces profils ou votre propre site.

Lisez [[RelMeAuth-fr|RelMeAuth]] pour en savoir plus.

== voir aussi==
* [[rel-me-faq-fr|rel-me-faq]]
* [[xfn-fr|XFN]]
* [[rel-fr|rel]]
* [[social network portability-fr|portabilité du réseau social]]
* [http://gmpg.org/xfn/11 Profil XFN 1.1]
* Voir le site immobilier de prestige [http://www.immobilier-luxe.net immobilier-luxe.net]

rel-home-fr

2013-03-15T13:41:31Z

Lisa-martin: /* Références Informatives */

<entry-title>rel="home"</entry-title>
{{DraftSpecification-fr}}

== Spécification Brouillon du 07-décembre-2005==
; Editeur/Auteur
: [http://dannyayers.com Danny Ayers]
; Traduction
: [[Christophe Ducamp]]

=== Copyright ===
{{MicroFormatCopyrightStatement2005-fr}}

=== Brevets ===
{{MicroFormatPatentStatement-fr}}

== Abstract ==
Rel-Home est l'un des nombreux [[microformats-fr|MicroFormats]]. En ajoutant <code>rel="home"</code> à un hyperlien, une page indique que la destination de cet hyperlien est la page d'accueil du site dans lequel la page actuelle apparaît. Quand le profil approprié de métadonnée HTML est en usage, le type "home" peut être utilisé avec les [http://www.la-grange.net/w3c/html4.01/types.html#h-6.12 types de liens] standards.

Exemple d'usage :

<source lang=html4strict>
<head>
...
<link href="http://technorati.com" rel="home" />
...
</head>
</source>

La valeur rel peut aussi apparaître à chaque fois qu'un lien ancre peut apparaître, par ex.

<source lang=html4strict>
<body>
...
<a href="http://technorati.com" rel="home">Accueil</a>
...
</body>
</source>

l'auteur indique que la page liée est la page d'accueil du site.

La page liée DEVRAIT exister. L'utilisation d'un URI absolu est recommandée.

== Etendue ==
rel="home" est conçu pour les buts de navigation dans le site, tout comme il permet quelque description de la structure du site d'être dérivée à partir de pages individuelles. L'usage typique pourrait être dans les pages archives d'un weblog, renvoyant vers la page d'accueil.

== Profil XMDP ==
<source lang=html4strict>
<dl class="profile">
<dt id="rel">rel</dt>
<dd>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
définition HTML4 de l'attribut 'rel'.</a>
Voici une valeur additionnelle.
<dl>
<dt id="home">home</dt>
<dd>Indique que la ressource référencée sert comme page d'accueil du site
qui contient la page s'y rapportant.</dd>
</dl>
</dd>
</dl>
</source>

==Exemples dans la jungle==
Cette section est '''informative'''.

Les site suivants ont implémenté rel-home, et sont de ce fait un endroit merveilleux pour quiconque est en quête d'exemples ''dans la jungle'' pour essayer de parser, d'indexer, d'organiser, etc. Si votre site est marqué avec rel-home, sentez-vous libre de l'ajouter en '''bas''' de cette liste. Une fois que la liste sera devenue trop grande, nous produirons une page wiki séparée.

* [http://www.my-warehouse.de the my-Warehouse shopsystem] implémente rel-home dans le chemin de navigation.
* http://chrisruppel.com utilise rel-home comme un lien dans le <head>
* [http://www.cleanertoday.com Cleaner Today] utilise plusieurs implementations : 1) la page [http://www.cleanertoday.com/Moth-Traps-by-Catchmaster-s/85.htm Moth Trap] utilise rel-home dans le <head> 2) la page [http://www.cleanertoday.com/Spider-traps-s/86.htm Spider Traps] utilise rel="home" sur le lien Link & "Home" dans le pied de page.
* [http://www.jdclark.org/ www.jdclark.org] utilise rel-home virtuellement sur toutes les pages web dans le domaine et ses sous-domaines (par ex., voir le [http://www.jdclark.org/card profil de Jordan Clark]).
* Les billets de Tantek.com (par ex. [http://tantek.com/2011/220/b1/web-actions-a-new-building-block Web Actions: Identifying A New Building Block For The Web]) utilisent rel="home" comme partie du lien vers le fil alternatif du site comme tel : <nowiki><link rel="home updates alternate" type="application/atom+xml" href="http://tantek.com/updates.atom" /></nowiki> pour indiquer que le lien est un ''alternate'' pour une page qui est aussi la "home" de la page en cours, plutôt qu'une alternative pour la page actuelle.
* [http://www.sunfactory.fr/fr/idees-cadeaux/ Sun Factory] utilise rel-home sur son fil d’Ariane

== Implémentations ==
Cette section est '''informative'''.
Les implémentations suivantes ont été développées qui soit génèrent ou parsent les liens rel-home.

''Ed. : liens à suivre''

* Le navigateur Opera supporte rel="home"
* [http://cdn.mozdev.org/linkToolbar/ FireFox Link Toolbar] - besoin d'être confirmé
* [https://addons.mozilla.org/firefox/1324/ cmSiteNavigation Toolbar] - Extension Firefox qui supporte rel="home" et rel="directory"

== Références ==
=== Références Normatives ===
* [http://www.w3.org/TR/REC-html40/ HTML 4] traduire sur [http://www.la-grange.net/w3c/html4.01/ html4-fr]
* [http://www.w3.org/TR/xhtml1/ XHTML 1]
* [http://gmpg.org/xmdp/ XMDP]
* RFC 3986 spécifie la syntaxe URL

=== Références Informatives ===
* [http://diveintoaccessibility.org/day_9_providing_additional_navigation_aids.html Dive Into Accessibility] (Mark Pilgrim)

''Ed. : besoin de tracer les discussions précédentes, par ex conc. Opera''
* Voir le site d'achat immobilier [http://www.immoloch.com immoloch.com]

== Discussions ==

=== Q&A ===
* Si vous avez quelque question à propos de rel-home, regardez [[rel-faq-fr|rel FAQ]], et si vous ne trouvez pas de réponses, ajoutez vos questions !

=== Problématiques ===
* SVP ajoutez toute problématique sur le document séparé [[rel-home-issues-fr|rel-home issues]].

[[Category:Draft Specifications]]
[[Category:rel-home]]

Main Page-fr

2013-03-15T13:38:22Z

Lisa-martin: /* Ressources */

<entry-title>Bienvenue sur le wiki des microformats !</entry-title>

'''Les <dfn>microformats</dfn>''' sont des extensions au HTML pour marquer les [[hcard-fr|personnes]], [[hcalendar-fr|événements]], [[hatom-fr|billets de blog]], [[hreview-fr|critiques]], [[hrecipe-fr|recettes]] etc.

==Introduction==
{{main-fr|introduction-fr}}
Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème.

==Pour démarrer==
{{main-fr|get-started-fr}}
Pour démarrer avec les microformats :

* Premièrement, familiarisez-vous à écrire vos pages et applications avec du <abbr title="HyperText Mark-up Language">HTML</abbr> '<abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>'.
* Marquez votre information de contact avec [[hcard-fr|hCard]] (([[hcard-authoring-fr|trucs de publication]], [[hcard-examples-fr|exemples]]) et reliez-la à partir de votre site personnel vers vos autres profils personnels avec [[rel-me-fr|rel-me]].
* Vous avez des questions ? Lisez les [[faq-fr|questions souvent posées]], rejoignez le canal [[irc-fr|IRC]] et posez vos questions.
* Vous voulez apprendre avec de vraies personnes ? Regardez les [[events-fr|événements]] microformats.

==Définition==
{{main-fr|what-are-microformats-fr}}
Les microformats sont des petits modèles de HTML pour représenter des choses communément publiées comme des [[hcard-fr|personnes]], des [[hcalendar-fr|événements]] et des [[rel-tag-fr|mots-clé]] dans les pages web.

Les microformats sont le moyen le plus rapide et le plus simple pour fournir une API vers la data et l'information dans votre site web. Regardez [[what-can-you-do-with-microformats-fr|ce que vous pouvez faire avec les microformats]].

== Comment contribuer ? ==
Vous voulez nous rejoindre et contribuer ?
* [[get-started-fr|Commencez]] par ajouter des microformats à votre site web, services et produits.
* [[advocacy-fr|Soutenez]] l'utilisation des microformats.
* Lisez [[how-to-play-fr|Comment Jouer]] avant de modifier ce wiki
* Rejoignez le [[irc-fr|Canal IRC]] et les [[mail-fr|listes de diffusion]] pour apprendre et aider à répondre aux questions posées à propos des microformats. (lisez les [[mailing-lists-fr#Lignes_de_conduite_g.C3.A9n.C3.A9rales|lignes de conduite générales]] avant de poster).
* Écrivez un [[testimonial-fr|témoignage]]
* Faites quelque chose sur la [[to-do|to-do-liste]] et la [[to-do-fr]]
* [[Main_Page-fr#traductions_wiki_microformats_en_d'autres_langues|Traduisez ce wiki des microformats en d'autres langues]] pour rendre les microformats plus accessibles aux lecteurs d'autres langues dans le monde entier.
* Avant de proposer tout nouveau microformat, assurez-vous que votre site web soit [[posh-fr|CHIC]], [[get-started-fr|utilise des microformats existants]], et puis lisez le [[process-fr|processus]].

Ce wiki a aussi un bon nombre d'améliorations pour aider au développement et aux contributions pour les microformats. Avant de commencer à modifier, regardez la [[wiki-2|page d'introduction wiki]] pour les instructions.

== Spécifications ==
La liste actuelle et stable des spécifications des [[microformats-fr|Microformats]] ouvertes et standards :
* [[hcalendar-fr|hCalendar]] - [http://microformats.org/code/hcalendar/creator hCalendar creator]
* [[hcard-fr|hCard]] - [http://microformats.org/code/hcard/creator hCard creator]
* [[rel-license-fr|RelLicense]]
* [[rel-nofollow-fr|RelNoFollow]]
* [[rel-tag-fr|RelTag]]
* [[vote-links-fr|VoteLinks]]
* [[xfn-fr|XFN]] - [http://gmpg.org/xfn/creator XFN creator]
* [[XMDP-fr|XMDP]]
* [[xoxo-fr|XOXO]]

== Drafts ==
Les drafts sont des microformats plus récents, qui sont encore en chemin dans le [[process-fr|processus]] pour devenir des spécifications. Les exécutants devraient se tenir prêts à des développements et modifications à venir. SVP suivez les pages wiki pour les mises à jour.

* [[adr-fr|adr]] - pour marquer l'information d'adresse
* [[geo-fr|geo]] - pour marquer les coordonnées géographiques [http://en.wikipedia.org/wiki/WGS84 WGS84] (latitude ; longitude)
* [[hatom-fr|hAtom]] - syndication de contenu épisodique (par exemple les billets de blog)
* [[haudio-fr|hAudio]]
* [[hlisting-fr|hListing]] - annonces classées, ouvertes distribuées
* [[hmedia-fr|hMedia]] - Un format de publication de média unique qui a trait aux Images, Vidéo et Audio.
* [[hnews-fr|hNews]]
* [[hproduct-fr|hProduct]]
* [[recipe-fr|hRecipe]] - pour les recettes de cuisine et cuisson
* [[hresume-fr|hResume]] - pour publier des résumés et des CVs
* [[hreview-fr|hReview]] - [http://microformats.org/code/hreview/creator hReview creator] - pour publier des critiques
* [[rel-directory-fr|rel-directory]] - pour indiquer que la destination d'un hyperlien est une liste de répertoire contenant une entrée vers la page actuelle
* [[rel-enclosure-fr|rel-enclosure]] - pour indiquer des pièces jointes (par ex. des fichiers) à télécharger et mettre en cache
* [[rel-home-fr|rel-home]] - pour indiquer un hyperlien vers la page d'accueil du site
* [[rel-payment-fr| rel-payment]] - pour indiquer un mécanisme de paiement
* [[robots-exclusion-fr|Robots Exclusion]]
* [[xfolk-fr|xFolk]]

''Si vous êtes tenté(e) d'essayer d'écrire un microformat, regardez S.V.P. la page [[process-fr|processus]] en priorité !''

== Modèles de Design ==
{{design_patterns-fr}} 
* [[elemental-microformat-fr|microformats élémentaires]]
* [[compound-microformat-fr|microformats composés]]

== Discussions Exploratoires ==
{{main-fr|exploratory-discussions-fr}}

'''Nouveau : [[microformats 2-fr|microformats 2]]''' est suffisamment stabilisé pour commencer à l'utiliser sur des pages web publiques et le développement de parseurs et d'applications.

Voir [[exploratory-discussions-fr|discussions-exploratoires]] pour les détails de la recherche et l'analyse d'[[examples-fr|exemples]] du vrai monde, de formats existants et un brainstormins sur les nouveaux microformats possibles, selon le [[process-fr|processus]] microformats.

== Modèles de Design ==
{{design_patterns-fr}} 

== Exemples ==
* [[examples-in-the-wild-fr|exemples dans la jungle]]
* [[implementations-fr|implémentations]]
* [[zen-garden-fr|zen-garden]]

== Ressources ==
*Voir [[resources-fr|ressources]].
*Voir le site immobilier [http://www.consortium-immobilier.fr http://www.consortium-immobilier.fr]

== Développement orienté utilisateur ==
*[[user-interface-fr|interface-utilisateur]]
*[[data-portability-fr|portabilité-des-données]]
*[[social-network-portability-fr|portabilité-du-réseau-social]]

== Espaces de collaboration partagés ==
* [[to-do-fr]] et [[to-do]]
* [[templates-fr|modèles]]
* [http://microformats.org/wiki/delete pages marquées pour l'effacement] 
* [[Special:Specialpages|"Special" wiki pages]]
* [[year-in-review]]

== Outils, tests de cas, recherche supplémentaire ==
Le premier endroit pour chercher des exemples, du code et des cas de tests se fait dans les pages de chaque microformat individuel. Il n'y a seulement que quelques [[tools-fr|outils et services]] qui aient besoin de traiter plus d'un microformat. Cette section est destinée pour les auteurs, éditeurs, [[parsers|parseurs]], [[validators|validateurs]], tests de cas et toute autre information pertinente relevant de plusieurs microformats.

== Traductions du microformats wiki ==
Vous pouvez lire et éditer des articles de microformats en de nombreuses autres langues :
* langues avec plus de 200 articles
** [[Main_Page-fr|Français (French)]] {{UpdateMarker-fr}}
* langues avec plus de 10 articles
** * [[Main_Page-pt-br|Portugais (Brésilien Portugais)]]
** [[Main_Page-ja|日本語 (Japonais)]]
** [[Main_Page-ru|Русский (Russian)]]
* langues avec plus de 2 articles
** [[Main_Page-cs|Česky (Thèque)]] {{NewMarker-fr}}
** [[Main_Page-de|Deutsch (Allemand)]]
** [[Main_Page-es|Español (Espagnol)]]
** [[Main_Page-gl|Galego (Galicien)]] {{NewMarker-fr}}
** [[Main_Page-pl|Polski (Polonais)]]
** [[Main_Page-ro|Română (Roumain)]]
** [[Main_Page-zh|汉语 (Chinese)]]
* langues justes démarrées
** [[Main_Page-ar|العربية (Arabe)]]
** [[Main_Page-fa|پارسی (Farsi)]] {{NewMarker}}
** [[Main_Page-th|ภาษาไทย (Thai)]]
** [[Main_Page-it|Italiano (Italian)]] {{NewMarker-fr}}
** [[Main_Page-ko|한국어 (Korean)]] {{NewMarker-fr}}
** [[Main_Page-id|Indonesia (Bahasa Indonesia)]] {{NewMarker-fr}}
* ailleurs
**[http://en.wikipedia.org/wiki/Microformat L'article de Wikipedia sur les microformats] a été traduit en d'autres langues.
*** [http://fr.wikipedia.org/wiki/Microformat en français]

Voir aussi les [[other-languages-fr|autres langues]] et [[how-to-start-new-translation-fr|comment-amorcer-une-nouvelle-traduction]].

social-network-portability-fr

2013-03-15T13:35:12Z

Lisa-martin: /* Articles et billets de blogs */

<entry-title> Portabilité de Réseau Social </entry-title>

La portabilité du réseau social est l'une des nombreuses idées d'[[user-interface-fr|interface utilisateur]] et de suggestions pour travailler avec les microformats dans le domaine de la [[data-portability-fr|portabilité des données]].

== Le Problème ==
Pourquoi est-ce chaque site communautaire de réseau social vous amène à :
* saisir de nouveau vos [[hcard-supporting-user-profiles-fr|informations de profil personnel]] (nom, email, anniversaire, URL etc.) ?
* ajouter à nouveau tous vos [[hcard-xfn-supporting-friends-lists-fr|amis]] ?

En outre, pourquoi devez-vous :
* débrancher à nouveau les notifications ?
* spécifier à nouveau les préférences concernant la vie privée ?
* [[block-fr|bloquer]] de nouveau les [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html personnes négatives] ?

Aussi connu comme le "problème de fatigue des réseaux sociaux" et le "problème de mise à jour/maintenance des réseaux sociaux".

== Les Objectifs ==
Au moment de rejoindre un nouveau site, vous devriez pouvoir ''importer'' ou mieux encore vous ''abonner'' à :
* votre information de profil
* votre réseau social
à partir de n'importe lequel de vos profils.

En outre, il serait agréable si les préférences concernant :
* les notifications
* la [[privacy-fr|vie privée]]
soient aussi transférées entre profils.

Aussi connu comme un réseau social internet, un réseau de réseaux sociaux.

== Design Patterns et Recettes ==

Le "How To" pour les sites de profil de réseau sociaux qui veulent résoudre les problèmes au-dessus et parvenir aux objectifs ci-dessus.

# Publiez des microformats dans vos profils utilisateurs et contacts
## implémentez [[hcard-fr|hCard]] sur les pages profils des utilisateurs, en incluant [[xfn-fr|xfn]] rel="me" sur les hyperliens vers les blogs des utilisateurs ou les pages personnelles qu'ils spécifient. Regardez les [[hcard-supporting-profiles-fr|profils-supportant-hcard]] pour une liste de sites qui ont déjà produit ça. Voir [[how-to-publish-user-profiles-fr|Comment publier des profils utilisateurs]] pour plus de détails. (Voir [[hcard-authoring-fr|hcard-publication]] jusqu'à ce que le précédent lien soit créé et rempli)

## implémentez [[hcard-fr|hCard]]+[[xfn-fr|XFN]] sur la liste des contacts de vos pages profil d'utilisateurs. Utilisez [[xfn-fr|xfn]] rel="me" vers les pages de liste de contacts et aussi sur les liens de pagination vers les listes de contacts. Regardez [[hcard-xfn-supporting-friends-lists-fr|profils-supportant-les-listes-d'amis]] pour les sites qui ont déjà produit ça. (par ex. [[http://twitter.com/ Twitter]] et [[how-to-markup-contact-lists-fr|comment marquer des listes de contacts]] pour plus de détails.
## implémentez [[hcard-fr|hCard]] à chaque fois qu'un nom d'utilisateur est mentionné dans des listes, dans des commentaires, dans des messages ou à chaque fois ailleurs où cela aiderait pour identifier qu'on fait référence à une "personne" ou une "organisation".
# Abonnez-vous au microformats pour vos profils utilisateurs et contact :
## au moment de vous enregistrer comme nouvel utilisateur et d'importer des contacts
### laisser un utilisateur remplir et "auto-synchroniser" à partir d'un de ses [[hcard-supporting-profiles-fr|profils existants supportant hcard]], son nom, son icône, etc. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Satisfaction Inc supporte déjà ça] ([http://staging.getsatisfaction.com/people/new page d'enregistrement]). Voir [[how-to-publish-user-profiles-fr|Comment publier des profils utilisateurs]] pour plus de détails.
### laisser un utilisateur remplir et "auto-synchroniser" sa liste de contacts à partir d'une de ses [[hcard-xfn-supporting-friends-lists|listes existantes d'amis supportant hCard+XFN]]. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Dopplr.com supporte déjà ça] ([http://www.flickr.com/photo_zoom.gne?id=576635008&size=o photo-écran]). Voir [[how-to-import-contacts-fr|comment importer les contacts]] pour plus de détails (par exemple implémenter d'abord la liste des amis directs XFN par importation abonnement en utilisant le SGAPI pour importer les contacts *à traves le web* bien plus rapide que d'importer chaque service un par un).

== Ressources ==
=== Groupes ===
* [http://ma.gnolia.com/groups/PSN Ma.gnolia Groupe "Portable Social Networks"] pour des signets agrégés sur le sujet et rejoignez-le pour partager des liens.
* [http://upcoming.yahoo.com/group/3601/ Groupe "Social Network Portability" sur upcoming] pour les événements afin de discuter et implémenter la portabilité du réseau social.

=== Open Source ===
* "[http://code.google.com/apis/opensocial/ OpenSocial] définit une API commune pour les applications sociales à travers plusieurs sites web.
* [[hKit-fr|hKit]] - service web et PHP open source pour parser/importer/s'abonner à des [[hcard-supporting-profiles-fr|profils utilisateurs ouverts hCard]].
* "[http://opensocialgraph.plaxo.com/ Online Identity Consolidator]" rel="me" service de parseur web/crawler web et Python open source. (le lien code source est maintenant brisé ; Google code a une copie sur [http://code.google.com/p/google-sgnodemapper/source/browse/trunk/plaxo-rel_me_crawler.py rel_me_crawler.py])
* "[http://django-psn.googlecode.com/svn/trunk/readme.html Django-PSN (portable social networks)]" open source pour une interface utilisateur afin de créer des liens vers un profil de réseau social vers "d'autres profils" marqués avec rel="me". Le code peut être vu en action sur le site web de [http://pownce.com Pownce] par exemple sur une [http://pownce.com/t/ page profil Pownce qui lie vers d'autres profils du même utilisateur]. Ceci est un complément génial au Consolideur d'Identité Enligne de Plaxo au-dessus. Ce qui est publié par Django-PSN, est parsé par "Plaxo Online Identity Consolidator".
* [http://code.google.com/p/identity-matcher/ identity-matcher] - plugin Rails pour faire correspondre identités et information de réseaux sociaux provenant de sites comme Gmail, Twitter, Flickr, Facebook et n'importe quel site supportant les microformats appropriés. Ce code a été extrait et contribué à partir de Dopplr.
* [http://redmonk.net/projects/portable-social-network-lib/ Portable Social Network Lib] est une librairie Ruby pour consommer/fournir des services de Réseau Social Portable dans les applications sociales web, écrite par Steve Ivy. ([http://redmonk.net/archives/2007/11/07/if-you-love-your-users-set-them-free-portable-social-networks/ Plus])
* [http://code.google.com/p/diso/ DiSo] - composants du ''distributed social networking'', [[User:Chris_Messina|Chris Messina]] et [[User:SteveIvy|Steve Ivy]]

=== Interfaces Utilisateur ===
* "[http://gerardramos.com/mf/ Social Network Portability with Microformats]" - une interface utilisateur qui vous laisse vérifier la manière dont votre réseau social portable se comporte sur différents sites.
* "[http://lab.backnetwork.com/ufXtract-psn/ ufXtract - Portable social network profile parser]" - Une API publique qui peut extraire des réseaux sociaux les patterns hCard-xfn et les liens XFN rel=me. L'API peut balayer plusieurs pages en suivant les liens rel=me. Elle essaye aussi de trouver la hCard représentative et fournit une sortie sous JSON ou XML.

== FAQ Portabilité de Réseau Social ==
* voir [[social-network-portability-faq-fr]]

== Evénements ==

*[[events/2007-07-28-portable-social-networks-meetup|2007-07-28 première rencontre sur les réseaux sociaux portables]] entre Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch au Ritual Coffee Roasters, San Francisco, CA. Discuté des réseaux sociaux portable, simplifié et cristallisé la déclaration du problème (avec des problèmes progressifs à résoudre), des buts, des design patterns et recettes. Créé la page [[social-network-portability]].
* [[events/2007-08-19-social-network-portability-today|2007-08-19 session au BarCampBlock sur la portabilité du réseau social AUJOURD'HUI]] dans les bureaux de Princeton Reviews, High Street, Palo Alto, CA. Revu la déclaration du problème, comment les sites peuvent utiliser les microformats [[hcard-fr|hCard]] et [[xfn-fr|XFN]] *aujourd'hui* pour devenir un noeud sur le "web social ouvert" (introduction de la phrase)
* [[events/2007-08-28-social-network-portability-today|2007-08-28 Social Network Portability Today]] lunchtime meetup
* [[events/2007-09-05-dconstruct-microformats-workshop|2007-09-05 atelier microformats à d.Construct]] qui a couvert à la fois la [[data-portability-fr|portabilité des données]] et la [[social-network-portability-fr|portabilité du réseau social]].
* [[events/2007-09-08-social-network-portability|2007-09-08 Session à BarCampBrighton sur la portabilité du réseau social]] dans les bureaux de Madgex offices, North Street, Brighton, England.
* [[events/2007-09-25-social-network-portability|2007-09-25 Micro Meetup Portable Social]] chez Citizen Space, San Francisco, CA, USA.
* 2007-09-28 [[events/2007-09-28-portable-social-networks-meetup-amsterdam|2007-09-28 Panel Portable Social Network]] au PICNIC à Amsterdam, Pays-Bas.
* 2007-10-04 [[events/2007-10-04-fundamentos-web-social-network-portability|Fundamentos Web: Social Network Portability]] par Tantek Çelik — Gijón, Spain
* 2008-09-05: [[events/2008-09-05-dconstruct-social-network-portability|dConstruct 2008: Social Network Portability]] (http://2008.dconstruct.org/schedule/TantekCelik.php#talk) à [http://2008.dconstruct.org/ dConstruct 2008] in Brighton, England. ([http://tantek.com/presentations/2008/09/social-network-portability presentation])
* ...

Regardez la page [[events-fr|événements]] microformats pour des événements à venir en rapport avec la portabilité du réseau social.

== Articles et billets de blogs ==
Note : si vous connaissez ou pouvez trouver des citations plus anciennes sur le web des phrases "réseau social portable" ou "portabilité du réseau social", ajoutez-les svp comme référence plus ancienne sur le web à cette chronologie. [[User:Tantek|Tantek]] 08:25, 22 août 2007 (PDT).

* 2006-11-15 Jon Hicks: [http://www.flickr.com/photos/hicksdesign/298271647/ The straw that broke this camels back]: <blockquote>Thats the last social service that involves me adding all my friends in all over again. Life is too chuffing short.Please, can someone come up with some way of avoiding this repetition of 'buddies'?!</blockquote>
* 2006-11-15 [http://twitter.com/drewm/statuses/68199 Drew McLellan sur Twitter] : (Peut-être la mention la plus ancienne du concept de portabilité du réseau social).
<blockquote>Thinking that we really need to join the dots with XFN and make social networks portable.</blockquote>
* 2006-11-15 [http://twitter.com/adactio/statuses/68412 Jeremy Keith on Twitter] : (première référence connue vers "portable social networks") <blockquote> Agreeing with Drew about using XFN to create portable social networks. If we don't, Jon is going to go postal.</blockquote> La mention de Jon est probablement une référence à la [http://www.flickr.com/photos/hicksdesign/298271647/ photo Flickr mentionnée au-dessus].
* 2006-11-19 Phil Gyford: [http://www.gyford.com/phil/writing/2006/11/19/your_single_soci.php Your single social network] <blockquote>I really, really want a single service where I can say “these people are my friends” and then when I sign up to any new website I can sync it with my previously-defined social network.</blockquote>
* 2006-11-21 Jeremy Keith : [http://adactio.com/journal/1209/ Twittering] ([http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/Twittering traduction en fr]) : <blockquote>Voici ce que je veux : quand je vais sur le dernier site de réseau social à la mode, je veux qu'il me demande mon URL. Puis il peut s'en aller et télécharger ma [[hcard-fr|hCard]] et ma liste [[xfn-fr|XFN]]. Un formulaire pré-rempli pour mes détails et une liste pré-remplie de contacts potentiels peut alors m'être présentée.</blockquote>
* 2006-11-21 Derek Featherstone : [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* 2006-11-22 Thomas Vander Wal : [http://www.personalinfocloud.com/2006/11/following_frien.html Following Friends Across Walled Gardens] - première mention de "portable social network" mais en référence à la citaiton de Jeremy Keith
* 2006-11-23 Jeremy Keith : [http://adactio.com/journal/1212/ More thoughts on portable social networks] - décrit le processus de la portabilité.
* 2006-11-23 Glenn Jones : [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network] - parle des réseaux sociaux portable dans le backnetwork
* 2006-11-23 Velvetsarah a [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posté une photo d'écran et un brainstorm] sur la façon dont un site pourrait gérer l'importation de contacts supportant XFN. Voir[[social-network-portability-interfaces-fr|interfaces-portabilité-réseau-social]] pour en savoir plus.
* 2006-11-24 [http://microformats.org/wiki?title=user-interface&diff=10524&oldid=10523 "social network portability" phrase et énoncé du problème introduite sur le wiki microformats] par [[User:Tantek|Tantek Çelik]]
* 2007-03-11 Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - Une tentative d'abstract pour créer un tableau de bord, à utiliser comme un point de départ pour tous les réseaux sociaux. Il contient quatre éléments : identité, propriété, présence et contacts (voir aussi les commentaires)
* 2007-05-16 [http://2007.xtech.org/public/schedule/paper/69 What is your provenance?] par Gavin Bell pour Xtech 2007. Disponible aussi sur [http://video.google.com/videoplay?docid=-8663100900373306094 Google Video]
* 2007-06-20 Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]
* 2007-07-17 Kevin Lawver : [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - Une simple application Ruby on Rails qui utilise OpenID + XFN pour chercher les utilisateurs du site w/ la même page d'accueil sous valeur href et qui vous permet de les ajouter en contacts.
* [http://www.plaxo.com/about/releases/release-20070718 2007-07-17 Plaxo Pushes For "Open Social Web" : Soutient et implémente les standards ouverts clés, OpenID et microformats]
* 2007-07-18 Jeremiah Owyang : [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote>Et si nous pouvions porter tous nos amis et familles d'un réseau social à un autre. Pourquoi devons nous continuer à ajouter des personnes = ennuyant</blockquote>
* 2007-07-18 Brian Oberkirch : [http://www.brianoberkirch.com/2007/07/18/highrise-microformats-and-portable-social-networks/ Highrise, microformats and portable social networks]
* 2007-07-24 Thomas Vander Wal : [http://vanderwal.net/random/entrysel.php?blog=1937 Sharing and Following/Listening in the Social Web]
* Voir [[events/2007-07-28-portable-social-networks-meetup#blog_posts|les billets de blog]] ayant suivi la [[events/2007-07-28-portable-social-networks-meetup|rencontre réseau social portable du 28 juillet 2007]].
* 2007-08-01 Jeffrey Zeldman: [http://www.zeldman.com/2007/08/01/social-network-portability/ "InterNetwork" regarding social network portability]
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote>Nous avons besoin de placer la propriété de la façon dont nous définissons les relations en ligne entre les mains de l'individu, pas aux services qui les utilisent.Ma théorie sur la façon dont ce pourrait être réalisé est fondée sur un mariage d'OpenID et un standard ouvert pour définir les relations tel que le [http://microformats.org/ Microformat] [[xfn-fr|XFN]] </blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote>Pourquoi ne pas faire qu'il soit plus simple pour eux de démarrer directement un profil en réutilisant l'information qu'ils ont déjà sur le [[hcard-fr|Web ? quelques services Web avancés marquent déjà les données de profils des utilisateurs avec hCard, un microformat]] qui signifie qu'une personne, un lieu ou une organisation est décrit.</blockquote>
* 2007-08-08 Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
** [http://news.bbc.co.uk/1/hi/technology/6944653.stm abaissez les barrières des jardins murés] le professeur de droit Internet dit que les jardins murés devraient être interconnectés
* 2007-08-16 Stephanie Booth : [http://climbtothestars.org/archives/2007/08/16/we-need-structured-portable-social-networks-spsn/ Nous avons besoin de "Structured Portable Social Networks" (SPSN)]
* 2007-08-17 [http://bradfitz.com/social-graph-problem/ Thoughts on the Social Graph] par Brad Fitzpatrick.
* 2007-08-25 [http://www.ignitesocialmedia.com/linking-it-all-%e2%80%93-social-network-portability/ Linking It All-Social Network Portability] par Mike Lotz pour Ignite Social Media
* 2007-09-03 [http://themaninblue.com/writing/perspective/2007/09/03/ There are no social networks] par Cameron Adams
<blockquote>If you can't see my friends and let my friends be seen, you'll be washed up and hung out to dry.</blockquote>
* 2007-09-07 [[User:LynX|Carlo v. Loesch]]: [http://about.psyc.eu/Social_network#But.._why_microformats.3F Privacy and the web? Notification and HTTP? Are you looking at the right technologies!?]
* 2007-11-21 article dans Sitepoint [http://www.sitepoint.com/article/social-networks-take-friends Portable Social Networks: Take Your Friends with You] - [http://microformateurs.org/2007/12/02/brian-suda-reseaux-sociaux-portables-emmenez-vos-amis-avec-vous/ traduction en français]
* 2007-12-03 [http://www.glennjones.net/Post/833/Makingyoursocialnetworkingdataportable-Markingupprofilesandfriendswith.htm Making your social networking data portable - Marking up profiles and friends with mircoformats] par Glenn Jones
* 2008-02-19 [http://www.glennjones.net/Post/835/SemanticCampLondon.htm Can your website be your API and real life] présentation par Glenn Jones (Semantic Camp London) qui couvre la portabilité du réseau social et la portabilité des données.

Voir le [http://ma.gnolia.com/groups/PSN ma.gnolia Groupe "Portable Social Network"] pour les signets agrégés sur le sujet et rejoindre le groupe pour partager des liens.

[http://technorati.com/search/microformats.org/wiki/social-network-portability Voir les réactions des blogs] à la page de référence.
* Un moteur de recherche immobilier performant en ajax pour trouver vos annonces immobilières en un clic sur [http://www.aktifimmo.com aktifimmo.com]

== Problématiques ==
* Méfiez-vous et évitez les [[social-network-anti-patterns-fr|anti-patterns des réseaux sociaux]] !
* Voir et ajouter à [[social-network-portability-issues-fr|problématiques-portabilité-réseau-social]]

== Approches alternatives ==
Non basées sur le Web :
* [http://about.psyc.eu psyc] et [http://www.psyced.org psyced], un salon de discussion multi-protocoles décentralisé et système de notification d'événement avec [http://about.psyc.eu/Social_Network friendship] et modélisation de la [http://about.psyc.eu/Trust confiance].

==Transférabilité==
Les leçons apprises dans cette initiative peuvent être transférées pour d'autres microformats ; par exemple, avec [[hcalendar-fr|hCalendar]], pour copier un événement d'un site de calendrier à un autre [[User:AndyMabbett|Andy Mabbett]]



== Voir aussi ==
* [[social-network-portability-interfaces-fr|interfaces-portabilité-réseau-social]]
* [[social-network-portability-faq|portabilité-réseau-social-faq]]
* [[social-network-portability-issues-fr|portabilité-réseau-social-problématiques]]
* [[social-network-anti-patterns-fr|réseaux sociaux anti-modèles]]
* [[hcard-fr|hCard]]
* [[xfn-fr|XFN]]
* [[user-interface-fr|interface utilisateur]]
* [[data-portability-fr|portabilité de données]]

rel-directory-fr

2013-03-15T13:30:16Z

Lisa-martin: /* Références Normatives */

<entry-title>rel-directory</entry-title>
{{DraftSpecification-fr}}

== Spécification brouillon du 24 août 2005==
;Editeur:
[http://theryanking.com Ryan King]

;Auteurs
:Blaine Cook ([http://odeo.com Odeo])
:[http://theryanking.com Ryan King] ([http://technorati.com Technorati])

;Concept
:[http://tantek.com/ Tantek Çelik] ([http://technorati.com Technorati])
:[http://epeus.blogspot.com/ Kevin Marks] ([http://technorati.com Technorati])

;Traduction
:[[Christophe Ducamp]]

=== Remerciements ===
Merci à tous ceux qui ont aidé à brainstormer et réagir : Dorion Carroll, [http://www.joshkinberg.com/blog/ Josh Kinberg], [http://factoryjoe.com/blog/ Chris Messina], [http://anarchogeek.com/ Evan Henshaw Plath (Rabble)], [http://powazek.com/ Derek Powazek], Dr. Ernie Prabhakar, [http://sifry.com/alerts/ David Sifry], [http://www.hyperorg.com/blogger/ David Weinberger] et bien d'autres.

=== Copyright ===
{{MicroFormatCopyrightStatement2005-fr}}

* [[User:Tantek|Tantek]] : Je sors toutes mes contributions à cette spécification dans le domaine public et encourage les autres auteurs à faire de même.
** Quand tous les auteurs/éditeurs auront fait ainsi, nous pourrons ôter le modèle de référence MicroFormatCopyrightStatement et le remplacer par le modèle MicroFormatPublicDomainContributionStatement.

=== Brevets ===
{{MicroFormatPatentStatement-fr}}

== Abstract ==
Rel-Directory est l'un des nombreux [[microformats-fr|microformats]]. En ajoutant '<code>directory</code>' à l'attribut <code>rel</code> d'un hyperlien, une page indique que la destination de l'hyperlien est une liste de répertoire contenant une entrée pour la page en cours.

<pre><nowiki><a rel="directory" href="http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Wiki/">Informatique/Internet/Wiki</a></nowiki></pre>

l'auteur indique que la page <code>http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Wiki/</code> est un listing de répertoire pour la page désignée.

Cette hypothèse s'appliquera typiquement à simplement la page désignée, même si elle peut dans certains cas faire référence à un plus grand travail, comme celui d'un blog ou d'un podcast.

En outre, dans le cas où la page répertoire est un url tagable (suivre le microformat [[rel-tag-fr|rel-tag]]), ces

<pre><nowiki>
<a rel="tag directory" href="http://odeo.com/tag/arts/">arts</a>
<a rel="tag directory" href="http://technorati.com/blogs/evolution">evolution</a>
</nowiki></pre>

peuvent être utilisés pour montrer que la page désignée est à la fois un listing de répertoire et un tag pour la page en cours.

== Etendue ==
[[rel-directory-fr|rel-directory]] est spécifiquement conçu pour construire un répertoire de manière distribuée et pour produire des liens explicites vers n'importe quel listing de répertoire.

== Profil XMDP ==
<pre><nowiki>
<dl class="profile">
<dt id="rel">rel</dt>
<dd>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
HTML4 définition de l'attribut 'rel'.</a>
Voici une valeur supplémentaire.
<dl>
<dt id="directory">directory</dt>
<dd>Indique que la ressource désignée sert de listing de répertoire pour la page désignée.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implémentations ==
Cette section est '''informative'''. Les implémentations suivantes ont été développées et elles génèrent ou pasent des liens rel-directory. Si vous avez une implémentation rel-directory, sentez-vous à l'aise pour l'ajouter en haut de cette liste. Une fois que la liste sera devenue trop grosse, nous ferons une page wiki séparée.

* [http://technorati.com/blogs/ Technorati Blog Finder] est un répertoire de blog qui est organisé et construit par des blogueurs qui eux-mêmes choisissent à quelles catégories leurs blogs appartiennent, en utilisant soit une interface utilisateur, ou en ajoutant simplement un tag lien rel-directory à partir de leurs blogs vers la page pour une catégorie particulière dans un répertoire. Voir [http://technorati.com/help/blogfinder.html Technorati Blog Finder Help] pour plus d'informations.

== Références ==
=== Références Normatives ===
* [http://www.w3.org/TR/REC-html40/ HTML 4]
* [http://www.w3.org/TR/xhtml1/ XHTML]
* [http://gmpg.org/xmdp/ XMDP]
* [[rel-tag-fr| Rel-Tag]]
* [http://www.ietf.org/rfc/rfc3986.txt RFC 3986 specifies URL syntax]
* Site d'annonces immobilières [http://www.lesclesdumidi.com http://www.lesclesdumidi.com]

=== Références Informatives ===
* Ce document a été initialement cloné à partir de la spécification [[rel-tag-fr|rel-tag]].
* [[directory-inclusion-examples-fr|directory-inclusion-exemples]]
* [[directory-inclusion-formats-fr|directory-inclusion-formats]]
* [[directory-inclusion-brainstorming-fr|directory-inclusion-brainstorming]]

=== Commentaire ===
* http://www.aef-dmoz.org/blog/index.php/2005/09/07/39-rel-directory-rel-tag-directory

==Voir aussi ==
{{rel-related-pages-fr}}

[[Category:Draft Specifications]]
[[Category:rel-directory]]

rel-directory-fr

2013-03-15T13:29:26Z

Lisa-martin: /* Références Normatives */

<entry-title>rel-directory</entry-title>
{{DraftSpecification-fr}}

== Spécification brouillon du 24 août 2005==
;Editeur:
[http://theryanking.com Ryan King]

;Auteurs
:Blaine Cook ([http://odeo.com Odeo])
:[http://theryanking.com Ryan King] ([http://technorati.com Technorati])

;Concept
:[http://tantek.com/ Tantek Çelik] ([http://technorati.com Technorati])
:[http://epeus.blogspot.com/ Kevin Marks] ([http://technorati.com Technorati])

;Traduction
:[[Christophe Ducamp]]

=== Remerciements ===
Merci à tous ceux qui ont aidé à brainstormer et réagir : Dorion Carroll, [http://www.joshkinberg.com/blog/ Josh Kinberg], [http://factoryjoe.com/blog/ Chris Messina], [http://anarchogeek.com/ Evan Henshaw Plath (Rabble)], [http://powazek.com/ Derek Powazek], Dr. Ernie Prabhakar, [http://sifry.com/alerts/ David Sifry], [http://www.hyperorg.com/blogger/ David Weinberger] et bien d'autres.

=== Copyright ===
{{MicroFormatCopyrightStatement2005-fr}}

* [[User:Tantek|Tantek]] : Je sors toutes mes contributions à cette spécification dans le domaine public et encourage les autres auteurs à faire de même.
** Quand tous les auteurs/éditeurs auront fait ainsi, nous pourrons ôter le modèle de référence MicroFormatCopyrightStatement et le remplacer par le modèle MicroFormatPublicDomainContributionStatement.

=== Brevets ===
{{MicroFormatPatentStatement-fr}}

== Abstract ==
Rel-Directory est l'un des nombreux [[microformats-fr|microformats]]. En ajoutant '<code>directory</code>' à l'attribut <code>rel</code> d'un hyperlien, une page indique que la destination de l'hyperlien est une liste de répertoire contenant une entrée pour la page en cours.

<pre><nowiki><a rel="directory" href="http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Wiki/">Informatique/Internet/Wiki</a></nowiki></pre>

l'auteur indique que la page <code>http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Wiki/</code> est un listing de répertoire pour la page désignée.

Cette hypothèse s'appliquera typiquement à simplement la page désignée, même si elle peut dans certains cas faire référence à un plus grand travail, comme celui d'un blog ou d'un podcast.

En outre, dans le cas où la page répertoire est un url tagable (suivre le microformat [[rel-tag-fr|rel-tag]]), ces

<pre><nowiki>
<a rel="tag directory" href="http://odeo.com/tag/arts/">arts</a>
<a rel="tag directory" href="http://technorati.com/blogs/evolution">evolution</a>
</nowiki></pre>

peuvent être utilisés pour montrer que la page désignée est à la fois un listing de répertoire et un tag pour la page en cours.

== Etendue ==
[[rel-directory-fr|rel-directory]] est spécifiquement conçu pour construire un répertoire de manière distribuée et pour produire des liens explicites vers n'importe quel listing de répertoire.

== Profil XMDP ==
<pre><nowiki>
<dl class="profile">
<dt id="rel">rel</dt>
<dd>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
HTML4 définition de l'attribut 'rel'.</a>
Voici une valeur supplémentaire.
<dl>
<dt id="directory">directory</dt>
<dd>Indique que la ressource désignée sert de listing de répertoire pour la page désignée.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implémentations ==
Cette section est '''informative'''. Les implémentations suivantes ont été développées et elles génèrent ou pasent des liens rel-directory. Si vous avez une implémentation rel-directory, sentez-vous à l'aise pour l'ajouter en haut de cette liste. Une fois que la liste sera devenue trop grosse, nous ferons une page wiki séparée.

* [http://technorati.com/blogs/ Technorati Blog Finder] est un répertoire de blog qui est organisé et construit par des blogueurs qui eux-mêmes choisissent à quelles catégories leurs blogs appartiennent, en utilisant soit une interface utilisateur, ou en ajoutant simplement un tag lien rel-directory à partir de leurs blogs vers la page pour une catégorie particulière dans un répertoire. Voir [http://technorati.com/help/blogfinder.html Technorati Blog Finder Help] pour plus d'informations.

== Références ==
=== Références Normatives ===
* [http://www.w3.org/TR/REC-html40/ HTML 4]
* [http://www.w3.org/TR/xhtml1/ XHTML]
* [http://gmpg.org/xmdp/ XMDP]
* [[rel-tag-fr| Rel-Tag]]
* [http://www.ietf.org/rfc/rfc3986.txt RFC 3986 specifies URL syntax]
* [http://www.lesclesdumidi.com http://www.lesclesdumidi.com]

=== Références Informatives ===
* Ce document a été initialement cloné à partir de la spécification [[rel-tag-fr|rel-tag]].
* [[directory-inclusion-examples-fr|directory-inclusion-exemples]]
* [[directory-inclusion-formats-fr|directory-inclusion-formats]]
* [[directory-inclusion-brainstorming-fr|directory-inclusion-brainstorming]]

=== Commentaire ===
* http://www.aef-dmoz.org/blog/index.php/2005/09/07/39-rel-directory-rel-tag-directory

==Voir aussi ==
{{rel-related-pages-fr}}

[[Category:Draft Specifications]]
[[Category:rel-directory]]

Main Page-fr

2013-03-15T13:23:55Z

Lisa-martin: /* Ressources */

<entry-title>Bienvenue sur le wiki des microformats !</entry-title>

'''Les <dfn>microformats</dfn>''' sont des extensions au HTML pour marquer les [[hcard-fr|personnes]], [[hcalendar-fr|événements]], [[hatom-fr|billets de blog]], [[hreview-fr|critiques]], [[hrecipe-fr|recettes]] etc.

==Introduction==
{{main-fr|introduction-fr}}
Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème.

==Pour démarrer==
{{main-fr|get-started-fr}}
Pour démarrer avec les microformats :

* Premièrement, familiarisez-vous à écrire vos pages et applications avec du <abbr title="HyperText Mark-up Language">HTML</abbr> '<abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>'.
* Marquez votre information de contact avec [[hcard-fr|hCard]] (([[hcard-authoring-fr|trucs de publication]], [[hcard-examples-fr|exemples]]) et reliez-la à partir de votre site personnel vers vos autres profils personnels avec [[rel-me-fr|rel-me]].
* Vous avez des questions ? Lisez les [[faq-fr|questions souvent posées]], rejoignez le canal [[irc-fr|IRC]] et posez vos questions.
* Vous voulez apprendre avec de vraies personnes ? Regardez les [[events-fr|événements]] microformats.

==Définition==
{{main-fr|what-are-microformats-fr}}
Les microformats sont des petits modèles de HTML pour représenter des choses communément publiées comme des [[hcard-fr|personnes]], des [[hcalendar-fr|événements]] et des [[rel-tag-fr|mots-clé]] dans les pages web.

Les microformats sont le moyen le plus rapide et le plus simple pour fournir une API vers la data et l'information dans votre site web. Regardez [[what-can-you-do-with-microformats-fr|ce que vous pouvez faire avec les microformats]].

== Comment contribuer ? ==
Vous voulez nous rejoindre et contribuer ?
* [[get-started-fr|Commencez]] par ajouter des microformats à votre site web, services et produits.
* [[advocacy-fr|Soutenez]] l'utilisation des microformats.
* Lisez [[how-to-play-fr|Comment Jouer]] avant de modifier ce wiki
* Rejoignez le [[irc-fr|Canal IRC]] et les [[mail-fr|listes de diffusion]] pour apprendre et aider à répondre aux questions posées à propos des microformats. (lisez les [[mailing-lists-fr#Lignes_de_conduite_g.C3.A9n.C3.A9rales|lignes de conduite générales]] avant de poster).
* Écrivez un [[testimonial-fr|témoignage]]
* Faites quelque chose sur la [[to-do|to-do-liste]] et la [[to-do-fr]]
* [[Main_Page-fr#traductions_wiki_microformats_en_d'autres_langues|Traduisez ce wiki des microformats en d'autres langues]] pour rendre les microformats plus accessibles aux lecteurs d'autres langues dans le monde entier.
* Avant de proposer tout nouveau microformat, assurez-vous que votre site web soit [[posh-fr|CHIC]], [[get-started-fr|utilise des microformats existants]], et puis lisez le [[process-fr|processus]].

Ce wiki a aussi un bon nombre d'améliorations pour aider au développement et aux contributions pour les microformats. Avant de commencer à modifier, regardez la [[wiki-2|page d'introduction wiki]] pour les instructions.

== Spécifications ==
La liste actuelle et stable des spécifications des [[microformats-fr|Microformats]] ouvertes et standards :
* [[hcalendar-fr|hCalendar]] - [http://microformats.org/code/hcalendar/creator hCalendar creator]
* [[hcard-fr|hCard]] - [http://microformats.org/code/hcard/creator hCard creator]
* [[rel-license-fr|RelLicense]]
* [[rel-nofollow-fr|RelNoFollow]]
* [[rel-tag-fr|RelTag]]
* [[vote-links-fr|VoteLinks]]
* [[xfn-fr|XFN]] - [http://gmpg.org/xfn/creator XFN creator]
* [[XMDP-fr|XMDP]]
* [[xoxo-fr|XOXO]]

== Drafts ==
Les drafts sont des microformats plus récents, qui sont encore en chemin dans le [[process-fr|processus]] pour devenir des spécifications. Les exécutants devraient se tenir prêts à des développements et modifications à venir. SVP suivez les pages wiki pour les mises à jour.

* [[adr-fr|adr]] - pour marquer l'information d'adresse
* [[geo-fr|geo]] - pour marquer les coordonnées géographiques [http://en.wikipedia.org/wiki/WGS84 WGS84] (latitude ; longitude)
* [[hatom-fr|hAtom]] - syndication de contenu épisodique (par exemple les billets de blog)
* [[haudio-fr|hAudio]]
* [[hlisting-fr|hListing]] - annonces classées, ouvertes distribuées
* [[hmedia-fr|hMedia]] - Un format de publication de média unique qui a trait aux Images, Vidéo et Audio.
* [[hnews-fr|hNews]]
* [[hproduct-fr|hProduct]]
* [[recipe-fr|hRecipe]] - pour les recettes de cuisine et cuisson
* [[hresume-fr|hResume]] - pour publier des résumés et des CVs
* [[hreview-fr|hReview]] - [http://microformats.org/code/hreview/creator hReview creator] - pour publier des critiques
* [[rel-directory-fr|rel-directory]] - pour indiquer que la destination d'un hyperlien est une liste de répertoire contenant une entrée vers la page actuelle
* [[rel-enclosure-fr|rel-enclosure]] - pour indiquer des pièces jointes (par ex. des fichiers) à télécharger et mettre en cache
* [[rel-home-fr|rel-home]] - pour indiquer un hyperlien vers la page d'accueil du site
* [[rel-payment-fr| rel-payment]] - pour indiquer un mécanisme de paiement
* [[robots-exclusion-fr|Robots Exclusion]]
* [[xfolk-fr|xFolk]]

''Si vous êtes tenté(e) d'essayer d'écrire un microformat, regardez S.V.P. la page [[process-fr|processus]] en priorité !''

== Modèles de Design ==
{{design_patterns-fr}} 
* [[elemental-microformat-fr|microformats élémentaires]]
* [[compound-microformat-fr|microformats composés]]

== Discussions Exploratoires ==
{{main-fr|exploratory-discussions-fr}}

'''Nouveau : [[microformats 2-fr|microformats 2]]''' est suffisamment stabilisé pour commencer à l'utiliser sur des pages web publiques et le développement de parseurs et d'applications.

Voir [[exploratory-discussions-fr|discussions-exploratoires]] pour les détails de la recherche et l'analyse d'[[examples-fr|exemples]] du vrai monde, de formats existants et un brainstormins sur les nouveaux microformats possibles, selon le [[process-fr|processus]] microformats.

== Modèles de Design ==
{{design_patterns-fr}} 

== Exemples ==
* [[examples-in-the-wild-fr|exemples dans la jungle]]
* [[implementations-fr|implémentations]]
* [[zen-garden-fr|zen-garden]]

== Ressources ==
Voir [[resources-fr|ressources]].
Voir le site immobilier [http://www.consortium-immobilier.fr http://www.consortium-immobilier.fr]

== Développement orienté utilisateur ==
*[[user-interface-fr|interface-utilisateur]]
*[[data-portability-fr|portabilité-des-données]]
*[[social-network-portability-fr|portabilité-du-réseau-social]]

== Espaces de collaboration partagés ==
* [[to-do-fr]] et [[to-do]]
* [[templates-fr|modèles]]
* [http://microformats.org/wiki/delete pages marquées pour l'effacement] 
* [[Special:Specialpages|"Special" wiki pages]]
* [[year-in-review]]

== Outils, tests de cas, recherche supplémentaire ==
Le premier endroit pour chercher des exemples, du code et des cas de tests se fait dans les pages de chaque microformat individuel. Il n'y a seulement que quelques [[tools-fr|outils et services]] qui aient besoin de traiter plus d'un microformat. Cette section est destinée pour les auteurs, éditeurs, [[parsers|parseurs]], [[validators|validateurs]], tests de cas et toute autre information pertinente relevant de plusieurs microformats.

== Traductions du microformats wiki ==
Vous pouvez lire et éditer des articles de microformats en de nombreuses autres langues :
* langues avec plus de 200 articles
** [[Main_Page-fr|Français (French)]] {{UpdateMarker-fr}}
* langues avec plus de 10 articles
** * [[Main_Page-pt-br|Portugais (Brésilien Portugais)]]
** [[Main_Page-ja|日本語 (Japonais)]]
** [[Main_Page-ru|Русский (Russian)]]
* langues avec plus de 2 articles
** [[Main_Page-cs|Česky (Thèque)]] {{NewMarker-fr}}
** [[Main_Page-de|Deutsch (Allemand)]]
** [[Main_Page-es|Español (Espagnol)]]
** [[Main_Page-gl|Galego (Galicien)]] {{NewMarker-fr}}
** [[Main_Page-pl|Polski (Polonais)]]
** [[Main_Page-ro|Română (Roumain)]]
** [[Main_Page-zh|汉语 (Chinese)]]
* langues justes démarrées
** [[Main_Page-ar|العربية (Arabe)]]
** [[Main_Page-fa|پارسی (Farsi)]] {{NewMarker}}
** [[Main_Page-th|ภาษาไทย (Thai)]]
** [[Main_Page-it|Italiano (Italian)]] {{NewMarker-fr}}
** [[Main_Page-ko|한국어 (Korean)]] {{NewMarker-fr}}
** [[Main_Page-id|Indonesia (Bahasa Indonesia)]] {{NewMarker-fr}}
* ailleurs
**[http://en.wikipedia.org/wiki/Microformat L'article de Wikipedia sur les microformats] a été traduit en d'autres langues.
*** [http://fr.wikipedia.org/wiki/Microformat en français]

Voir aussi les [[other-languages-fr|autres langues]] et [[how-to-start-new-translation-fr|comment-amorcer-une-nouvelle-traduction]].

Main Page-fr

2013-03-15T13:22:31Z

Lisa-martin: /* Ressources */

<entry-title>Bienvenue sur le wiki des microformats !</entry-title>

'''Les <dfn>microformats</dfn>''' sont des extensions au HTML pour marquer les [[hcard-fr|personnes]], [[hcalendar-fr|événements]], [[hatom-fr|billets de blog]], [[hreview-fr|critiques]], [[hrecipe-fr|recettes]] etc.

==Introduction==
{{main-fr|introduction-fr}}
Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème.

==Pour démarrer==
{{main-fr|get-started-fr}}
Pour démarrer avec les microformats :

* Premièrement, familiarisez-vous à écrire vos pages et applications avec du <abbr title="HyperText Mark-up Language">HTML</abbr> '<abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>'.
* Marquez votre information de contact avec [[hcard-fr|hCard]] (([[hcard-authoring-fr|trucs de publication]], [[hcard-examples-fr|exemples]]) et reliez-la à partir de votre site personnel vers vos autres profils personnels avec [[rel-me-fr|rel-me]].
* Vous avez des questions ? Lisez les [[faq-fr|questions souvent posées]], rejoignez le canal [[irc-fr|IRC]] et posez vos questions.
* Vous voulez apprendre avec de vraies personnes ? Regardez les [[events-fr|événements]] microformats.

==Définition==
{{main-fr|what-are-microformats-fr}}
Les microformats sont des petits modèles de HTML pour représenter des choses communément publiées comme des [[hcard-fr|personnes]], des [[hcalendar-fr|événements]] et des [[rel-tag-fr|mots-clé]] dans les pages web.

Les microformats sont le moyen le plus rapide et le plus simple pour fournir une API vers la data et l'information dans votre site web. Regardez [[what-can-you-do-with-microformats-fr|ce que vous pouvez faire avec les microformats]].

== Comment contribuer ? ==
Vous voulez nous rejoindre et contribuer ?
* [[get-started-fr|Commencez]] par ajouter des microformats à votre site web, services et produits.
* [[advocacy-fr|Soutenez]] l'utilisation des microformats.
* Lisez [[how-to-play-fr|Comment Jouer]] avant de modifier ce wiki
* Rejoignez le [[irc-fr|Canal IRC]] et les [[mail-fr|listes de diffusion]] pour apprendre et aider à répondre aux questions posées à propos des microformats. (lisez les [[mailing-lists-fr#Lignes_de_conduite_g.C3.A9n.C3.A9rales|lignes de conduite générales]] avant de poster).
* Écrivez un [[testimonial-fr|témoignage]]
* Faites quelque chose sur la [[to-do|to-do-liste]] et la [[to-do-fr]]
* [[Main_Page-fr#traductions_wiki_microformats_en_d'autres_langues|Traduisez ce wiki des microformats en d'autres langues]] pour rendre les microformats plus accessibles aux lecteurs d'autres langues dans le monde entier.
* Avant de proposer tout nouveau microformat, assurez-vous que votre site web soit [[posh-fr|CHIC]], [[get-started-fr|utilise des microformats existants]], et puis lisez le [[process-fr|processus]].

Ce wiki a aussi un bon nombre d'améliorations pour aider au développement et aux contributions pour les microformats. Avant de commencer à modifier, regardez la [[wiki-2|page d'introduction wiki]] pour les instructions.

== Spécifications ==
La liste actuelle et stable des spécifications des [[microformats-fr|Microformats]] ouvertes et standards :
* [[hcalendar-fr|hCalendar]] - [http://microformats.org/code/hcalendar/creator hCalendar creator]
* [[hcard-fr|hCard]] - [http://microformats.org/code/hcard/creator hCard creator]
* [[rel-license-fr|RelLicense]]
* [[rel-nofollow-fr|RelNoFollow]]
* [[rel-tag-fr|RelTag]]
* [[vote-links-fr|VoteLinks]]
* [[xfn-fr|XFN]] - [http://gmpg.org/xfn/creator XFN creator]
* [[XMDP-fr|XMDP]]
* [[xoxo-fr|XOXO]]

== Drafts ==
Les drafts sont des microformats plus récents, qui sont encore en chemin dans le [[process-fr|processus]] pour devenir des spécifications. Les exécutants devraient se tenir prêts à des développements et modifications à venir. SVP suivez les pages wiki pour les mises à jour.

* [[adr-fr|adr]] - pour marquer l'information d'adresse
* [[geo-fr|geo]] - pour marquer les coordonnées géographiques [http://en.wikipedia.org/wiki/WGS84 WGS84] (latitude ; longitude)
* [[hatom-fr|hAtom]] - syndication de contenu épisodique (par exemple les billets de blog)
* [[haudio-fr|hAudio]]
* [[hlisting-fr|hListing]] - annonces classées, ouvertes distribuées
* [[hmedia-fr|hMedia]] - Un format de publication de média unique qui a trait aux Images, Vidéo et Audio.
* [[hnews-fr|hNews]]
* [[hproduct-fr|hProduct]]
* [[recipe-fr|hRecipe]] - pour les recettes de cuisine et cuisson
* [[hresume-fr|hResume]] - pour publier des résumés et des CVs
* [[hreview-fr|hReview]] - [http://microformats.org/code/hreview/creator hReview creator] - pour publier des critiques
* [[rel-directory-fr|rel-directory]] - pour indiquer que la destination d'un hyperlien est une liste de répertoire contenant une entrée vers la page actuelle
* [[rel-enclosure-fr|rel-enclosure]] - pour indiquer des pièces jointes (par ex. des fichiers) à télécharger et mettre en cache
* [[rel-home-fr|rel-home]] - pour indiquer un hyperlien vers la page d'accueil du site
* [[rel-payment-fr| rel-payment]] - pour indiquer un mécanisme de paiement
* [[robots-exclusion-fr|Robots Exclusion]]
* [[xfolk-fr|xFolk]]

''Si vous êtes tenté(e) d'essayer d'écrire un microformat, regardez S.V.P. la page [[process-fr|processus]] en priorité !''

== Modèles de Design ==
{{design_patterns-fr}} 
* [[elemental-microformat-fr|microformats élémentaires]]
* [[compound-microformat-fr|microformats composés]]

== Discussions Exploratoires ==
{{main-fr|exploratory-discussions-fr}}

'''Nouveau : [[microformats 2-fr|microformats 2]]''' est suffisamment stabilisé pour commencer à l'utiliser sur des pages web publiques et le développement de parseurs et d'applications.

Voir [[exploratory-discussions-fr|discussions-exploratoires]] pour les détails de la recherche et l'analyse d'[[examples-fr|exemples]] du vrai monde, de formats existants et un brainstormins sur les nouveaux microformats possibles, selon le [[process-fr|processus]] microformats.

== Modèles de Design ==
{{design_patterns-fr}} 

== Exemples ==
* [[examples-in-the-wild-fr|exemples dans la jungle]]
* [[implementations-fr|implémentations]]
* [[zen-garden-fr|zen-garden]]

== Ressources ==
Voir [[resources-fr|ressources]].
Voir le site [http://www.consortium-immobilier.fr http://www.consortium-immobilier.fr]

== Développement orienté utilisateur ==
*[[user-interface-fr|interface-utilisateur]]
*[[data-portability-fr|portabilité-des-données]]
*[[social-network-portability-fr|portabilité-du-réseau-social]]

== Espaces de collaboration partagés ==
* [[to-do-fr]] et [[to-do]]
* [[templates-fr|modèles]]
* [http://microformats.org/wiki/delete pages marquées pour l'effacement] 
* [[Special:Specialpages|"Special" wiki pages]]
* [[year-in-review]]

== Outils, tests de cas, recherche supplémentaire ==
Le premier endroit pour chercher des exemples, du code et des cas de tests se fait dans les pages de chaque microformat individuel. Il n'y a seulement que quelques [[tools-fr|outils et services]] qui aient besoin de traiter plus d'un microformat. Cette section est destinée pour les auteurs, éditeurs, [[parsers|parseurs]], [[validators|validateurs]], tests de cas et toute autre information pertinente relevant de plusieurs microformats.

== Traductions du microformats wiki ==
Vous pouvez lire et éditer des articles de microformats en de nombreuses autres langues :
* langues avec plus de 200 articles
** [[Main_Page-fr|Français (French)]] {{UpdateMarker-fr}}
* langues avec plus de 10 articles
** * [[Main_Page-pt-br|Portugais (Brésilien Portugais)]]
** [[Main_Page-ja|日本語 (Japonais)]]
** [[Main_Page-ru|Русский (Russian)]]
* langues avec plus de 2 articles
** [[Main_Page-cs|Česky (Thèque)]] {{NewMarker-fr}}
** [[Main_Page-de|Deutsch (Allemand)]]
** [[Main_Page-es|Español (Espagnol)]]
** [[Main_Page-gl|Galego (Galicien)]] {{NewMarker-fr}}
** [[Main_Page-pl|Polski (Polonais)]]
** [[Main_Page-ro|Română (Roumain)]]
** [[Main_Page-zh|汉语 (Chinese)]]
* langues justes démarrées
** [[Main_Page-ar|العربية (Arabe)]]
** [[Main_Page-fa|پارسی (Farsi)]] {{NewMarker}}
** [[Main_Page-th|ภาษาไทย (Thai)]]
** [[Main_Page-it|Italiano (Italian)]] {{NewMarker-fr}}
** [[Main_Page-ko|한국어 (Korean)]] {{NewMarker-fr}}
** [[Main_Page-id|Indonesia (Bahasa Indonesia)]] {{NewMarker-fr}}
* ailleurs
**[http://en.wikipedia.org/wiki/Microformat L'article de Wikipedia sur les microformats] a été traduit en d'autres langues.
*** [http://fr.wikipedia.org/wiki/Microformat en français]

Voir aussi les [[other-languages-fr|autres langues]] et [[how-to-start-new-translation-fr|comment-amorcer-une-nouvelle-traduction]].