rel-design-pattern-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (racvitroc)
m (Reverted edits by I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST ([[User talk:I MADE THOUSANDS OF ACCOUNTS IN MICROF)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
getaltrcodom
= Rel design pattern =
= Rel design pattern =


Line 6: Line 5:


== Comment l'utiliser ==
== Comment l'utiliser ==
* définir le sens sémantique d'un lien (<code>A</code> avec <code>href</code>) dans un microformat et lui donner un nom <code>''mf-rel-value''</code>
* définir le sens sémantique d'un lien (<code>A</code> avec <code>href</code>) dans un microformat et lui donner un nom <code>''mf-rel-value''</code>
** cette définition peut aussi compléter la valeur des éléments et du texte entourée par les liens
** cette définition peut aussi compléter la valeur des éléments et du texte entourée par les liens
* ajouter <code>rel="''mf-rel-value''"</code> aux hyperliens qui ont ce sens sémantique dans le microformat.
* ajouter <code>rel="''mf-rel-value''"</code> aux hyperliens qui ont ce sens sémantique dans le microformat.
* les microformats simples qui n'utilisent seulement que le [[rel-design-pattern-fr|rel-design-pattern]] sont typiquement nommés après rel-value.
* les microformats simples qui n'utilisent seulement que le [[rel-design-pattern-fr|rel-design-pattern]] sont typiquement nommés après rel-value.


== Exemples ==
== Exemples ==
==== rel="bookmark" ====
==== rel="bookmark" ====
La [http://www.la-grange.net/w3c/html4.01/types.html#h-6.12 spéc. HTML 4] décrit un bookmark comme "  
La [http://www.la-grange.net/w3c/html4.01/types.html#h-6.12 spéc. HTML 4] décrit un bookmark comme "  
"un lien vers un point d'entrée clé dans un document complémentaire." Par convention ('citation demandée) ce point d'entrée capture aussi la notion de "permalink" (lien permanent).
"un lien vers un point d'entrée clé dans un document complémentaire." Par convention ('citation demandée) ce point d'entrée capture aussi la notion de "permalink" (lien permanent).


<pre>
<pre>
<a href="archive/entry.html" rel="bookmark">Une Entrée Documentaire</a>
<a href="archive/entry.html" rel="bookmark">Une Entrée Documentaire</a>
</pre>
</pre>


==== rel="tag" ====
==== rel="tag" ====
[[rel-tag-fr|rel-tag]] définit le sens sémantique par l'URI et les éléments l'entourant en utilisant  <code>rel="tag"</code>
[[rel-tag-fr|rel-tag]] définit le sens sémantique par l'URI et les éléments l'entourant en utilisant  <code>rel="tag"</code>


<pre>
<pre>
Line 30: Line 29:
{{rel-related-pages-fr}}
{{rel-related-pages-fr}}
* [[Main_Page-fr#Design_Patterns|Tous les design patterns pour microformats]]
* [[Main_Page-fr#Design_Patterns|Tous les design patterns pour microformats]]
* [http://www.w3.org/TR/REC-html40/struct/links.html#edef-A%20 HTML 4.01 définition de l'élément <code>A</code>]
* [http://www.w3.org/TR/REC-html40/struct/links.html#edef-A%20 HTML 4.01 définition de l'élément <code>A</code>]
* [http://www.la-grange.net/w3c/html4.01/struct/links.html HTML 4.01 définition de l'attribut <code>rel</code>]
* [http://www.la-grange.net/w3c/html4.01/struct/links.html HTML 4.01 définition de l'attribut <code>rel</code>]
* Microformats : [[rel-license-fr|rel-license]], [[rel-nofollow-fr|rel-nofollow]], [[rel-tag-fr|rel-tag]]
* Microformats : [[rel-license-fr|rel-license]], [[rel-nofollow-fr|rel-nofollow]], [[rel-tag-fr|rel-tag]]
* Propositions : [[rel-directory-fr|rel-directory]], [[rel-enclosure-fr|rel-enclosure]]
* Propositions : [[rel-directory-fr|rel-directory]], [[rel-enclosure-fr|rel-enclosure]]
* [[votelinks-faq-fr|VoteLinks FAQ]] Discute de problématique avec rel vs. rev
* [[votelinks-faq-fr|VoteLinks FAQ]] Discute de problématique avec rel vs. rev

Latest revision as of 11:22, 22 September 2013

Rel design pattern

Intention

Utiliser le rel-design-pattern pour indiquer le sens d'un lien (par ex un href) dans un document XHTML.

Comment l'utiliser

  • définir le sens sémantique d'un lien (A avec href) dans un microformat et lui donner un nom mf-rel-value
    • cette définition peut aussi compléter la valeur des éléments et du texte entourée par les liens
  • ajouter rel="mf-rel-value" aux hyperliens qui ont ce sens sémantique dans le microformat.
  • les microformats simples qui n'utilisent seulement que le rel-design-pattern sont typiquement nommés après rel-value.

Exemples

rel="bookmark"

La spéc. HTML 4 décrit un bookmark comme " "un lien vers un point d'entrée clé dans un document complémentaire." Par convention ('citation demandée) ce point d'entrée capture aussi la notion de "permalink" (lien permanent).

<a href="archive/entry.html" rel="bookmark">Une Entrée Documentaire</a>

rel="tag"

rel-tag définit le sens sémantique par l'URI et les éléments l'entourant en utilisant rel="tag"

<a href="http://technorati.com/tag/bliki" rel="tag">bliki</a>

Voir aussi