Editer le texte de cette page (date de la dernière modification: 11 Mars, 2007 12:16 (diff))

Comment Insérerh Card Sur Pro Wiki

Différence (dernière édition) (Changé, affichage normal de la page)

Modifié: 39c39
===== Avec photos =
===== Avec photos et lien sur le service hCard vers vCard =

Modifié: 44,46c44,48
<img style="float:left; margin-right:4px" src=" http://images.google.fr/images?q=tbn:p1Tumg_yttDz7M:http://www.rewics.be/photo/113419-161272.jpg" alt="photo" class="photo"/>
<a class="url fn n" href=" http://claimid.com/xtof"> <span class="given-name">Christophe</span>
<span class="additional-name">Georges</span>
<img class="photo" style="float:right; margin-right:4px; width:100px" src=" http://www.rewics.be/photo/113419-161272.jpg" alt="Christophe Ducamp et Ulo" />
<a class="url" rel="me" href=" http://claimid.com/xtof">
<span class="n fn">
<span class="given-name">Christophe</span>
<span class="additional-name">G.</span>

Ajouté: 47a50
</span>

Modifié: 49,50c52,53
<div class="org">MicroFormats-fr</div>
<a class="email" href=" MAIL christophe.ducamp (AT) gmail.com">christophe.ducamp@gmail.com</a>
<div class="org">Cette Semaine en Microformats</div>
<a class="email" rel="me" href=" MAIL christophe.ducamp (AT) gmail.com">contact (email)</a>

Modifié: 53,54c56
<span class="locality">Paris </span>
,
<div class="extended-address">Interphone 14</div>

Modifié: 56,58c58,65

<span class="country-name">France</span>

<span class="locality">Paris </span>
<abbr class="country-name">France</abbr>
</div>
<div class="tel">
<abbr class="type" title="cell">
<span title="mobile" lang="fr">mobile</span>
</abbr>
<span class="value">+336 03 96 04 92</span>

Modifié: 60,63c67,70
<div class="tel">+336 03 96 04 92</div>
<p style="font-size:smaller;">Cette <a href=" http://microformats.org/wiki/hcard">hCard</a> a été bricolée avec <a href=" http://microformats.org/code/hcard/creator">hCard creator</a>.</p>
</div>
</html>

<p><a href=" http://feeds.technorati.com/contacts/http://www.wikiservice.at/fractal/wikidev.cgi?ChristopheDucamp">Ajouter à votre carnet d'adresses.</a></p>
<p style="font-size:smaller;">Cette <a href=" http://microformats.org/wiki/hcard">hCard</a> a été bricolée avec <a href=" http://microformats.org/code/hcard/creator">hCard creator</a> et l'aide de Laurent Lunati pour la CSS.</p>
</div></html>

hCard est un format d'information de contact simple, ouvert, distribué, destiné aux personnes, aux sociétés et aux organisations, qui semble approprié pour l'embarquement dans (X)HTML, Atom, RSS et du XML arbitraire. hCard est une représentation 1:1 du standard vCard (RFC:2426 ( http://www.ietf.org/rfc/rfc2426.txt)) en XHTML, l'un des nombreux microformats standards ouverts.

Cette page est destinée à tester les MicroFormats sur ProWiki. Elle a pour intention d'écrire un mode d'emploi pour insérer facilement un [microformat hCard sur ProWiki.

  1. ouvrez le hcard creator dans une fenêtre de votre navigateur
  2. renseignez tous les champs demandés avec votre vrai prénom dans "given name" et votre vrai nom dans "last name"
  3. récupérez le code produit sur la droite de l'interface
  4. copiez-le tout en bas de cette page de wiki en l'entourant avant et après de ...
  5. C'est fini. Pour finir, vous pouvez essayer de styliser l'ensemble avec la commande CdmlTexte
La page de référence canonique pour la spécification de ce microformat est : http://microformats.org/wiki/hcard-fr.

Exemples (à compléter)

Sans photo

Gregoire Japiot
Dijon , Burgundy , FRANCE
+33 (0) 662 80 11 28

Téléchargez ma vCard

Editer cette hCard !

Avec photos et lien sur le service hCard vers vCard

Christophe Ducamp et Ulo Christophe G. Ducamp
Cette Semaine en Microformats
103 rue Saint Denis
Interphone 14
75001 Paris France
mobile +336 03 96 04 92

Ajouter à votre carnet d'adresses.

Cette hCard a été bricolée avec hCard creator et l'aide de Laurent Lunati pour la CSS.

Les Microformats sont des conventions pour baliser des données couramment rencontrées (comme des liens, de l'information de contact et des événements calendaires) dans des langages établis comme le HTML. En utilisant des layouts standardisés, des classes CSS et des valeurs d'attribut, l'information devient plus accessible et plus utile tant pour les humains que les ordinateurs. Cliquez ici pour en savoir plus.

Pourquoi ce site ?

EnoncéMission

Sites officiels

le site officiel (en)
la page d'accueil du wiki (fr)

Expérimental

le Blog (gouvernance de ce wiki)

Utilitaires

hCard creator
hCalendar creator
hResume creator

Wiki-Node

WikiNode:microformats

Tests

BacASable

Contact

ChristopheDucamp

Administration Locale

Editer la barre latérale