representative-hcard-authoring-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m ([fr:translation of english version])
 
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
<h1>publication de hCard représentative</h1>
{{DISPLAYTITLE:publication de hCard représentative}}


Pour publier une [[representative hCard-fr|hCard représeantive]] sur une page, en plus de suivre proprement les instructions de [[hcard-authoring-fr|publication-hCard]], vous avez besoin au moins d'une des deux choses suivantes (vous pouvez faire les deux).
Pour publier une [[representative hCard-fr|hCard représentative]] sur une page, en plus de suivre proprement les instructions de [[hcard-authoring-fr|publication-hCard]], vous avez besoin au moins d'une des deux choses suivantes (vous pouvez faire les deux).


# hyperlien vers la page elle-même, peut-être autour de votre icône ou de votre nom (ou les deux), et utiliser à la fois les noms de classes "uid" et "url" dans l'attribut de classes sur l'hyperlien, à savoir :  
1. hyperlier vers la page elle-même, peut-être autour de votre icône ou de votre nom (ou les deux), et utiliser à la fois les noms de classes "uid" et "url" dans l'attribut de classes sur l'hyperlien, à savoir :  
<pre><nowiki><span class="vcard">
<source lang=html4strict><span class="vcard">
  <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
  <a href="http://christopheducamp.com/" class="url uid fn">Christophe Ducamp</a>
</span></nowiki></pre>
</span></source>
# marquer vos liens vers d'autres profils avec à la fois <code>[[rel-me-fr|rel="me"]]</code> et le nom de classe "url". à savoir : <pre><nowiki><span class="vcard">
 
  <span class="fn">Tantek Çelik</span>  
2. marquer vos liens vers d'autres profils avec à la fois <code>[[rel-me-fr|rel="me"]]</code> et le nom de classe "url". par exemple :  
  (<a href="http://twitter.com/t" rel="me" class="url">mon Twitter</a>)
<source lang=html4strict><span class="vcard">
</span></nowiki></pre>
  <span class="fn">Christophe Ducamp</span>  
  (<a href="http://xtof.status.net" rel="me" class="url">mon StatusNet</a>)
</span></source>


Ou mieux encore faire les deux :  
Ou mieux encore faire les deux :  


<pre><nowiki><span class="vcard">
<source lang=html4strict><span class="vcard">
  <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
  <a href="http://christopheducamp.com/" class="url uid fn">Christophe Ducamp</a>
  (<a href="http://twitter.com/t" rel="me" class="url">mon Twitter</a>)
  (<a href="http://xtof.status.net" rel="me" class="url">mon StatusNet</a>)
</span></nowiki></pre>
</span></source>


ce qui présente les avantages suivantes sur les deux exemples individuels au-dessus :
ce qui présente les avantages suivantes sur les deux exemples individuels au-dessus :
Line 24: Line 26:


== voir aussi ==
== voir aussi ==
* [[representative-hcard-fr|hCard-représentative]]
{{representative-hcard-related-pages-fr}}
* [[representative-hcard-authoring-fr|Publication-hCard-représentative]]
* [[representative-hcard-parsing-fr|parsage-hCard-représentative]]
* [[representative-hcard-examples-fr|hCard-représentative-exemples]]
* [[representative-hcard-formats-fr|hCard-représentative-formats]]
* [[representative-hcard-brainstorming-fr|hCard-représentative-brainstorming]]
* [[hcard-fr|hCard]]
* [[hcard-authoring-fr|hCard-publication]]
* [[xfn-fr|XFN]]
* [[rel-me-fr|rel-me]]

Latest revision as of 16:32, 18 July 2020


Pour publier une hCard représentative sur une page, en plus de suivre proprement les instructions de publication-hCard, vous avez besoin au moins d'une des deux choses suivantes (vous pouvez faire les deux).

1. hyperlier vers la page elle-même, peut-être autour de votre icône ou de votre nom (ou les deux), et utiliser à la fois les noms de classes "uid" et "url" dans l'attribut de classes sur l'hyperlien, à savoir :

<span class="vcard">
 <a href="http://christopheducamp.com/" class="url uid fn">Christophe Ducamp</a>
</span>

2. marquer vos liens vers d'autres profils avec à la fois rel="me" et le nom de classe "url". par exemple :

<span class="vcard">
 <span class="fn">Christophe Ducamp</span> 
 (<a href="http://xtof.status.net" rel="me" class="url">mon StatusNet</a>)
</span>

Ou mieux encore faire les deux :

<span class="vcard">
 <a href="http://christopheducamp.com/" class="url uid fn">Christophe Ducamp</a>
 (<a href="http://xtof.status.net" rel="me" class="url">mon StatusNet</a>)
</span>

ce qui présente les avantages suivantes sur les deux exemples individuels au-dessus :

  • une hCard plus riche, plus sémantique (à savoir fournir deux URLs pour la personne plutôt qu'une seule)
  • fonctionne tant avec les crawlers/parseurs pour hCard-uniquement que ceux les crawlers/parseurs pour XFN-uniquement

voir aussi