Pages : 1 2 3 4

Advenced WebDesign par Agjimenez

Mark Birbeck vient de nous offrir la suite de son article sur RDFa publié sur A List Apart. En voici la traduction. (Traduit avec la permission de A List Apart Magazine et de l’auteur)

Dans la partie I de cette série, nous avons mis en exergue la manière dont les objets sémantiques normalement confinés dans l’en-tête d’un document HTML peuvent être utilisé pour ajouter de l’aisance sémantique aux éléments du corps. Au fil de cet article, nous avions défini six règles de RDFa :

1. Les éléments link et a impliquent qu’il y a une relation entre le document courant et d’autres documents ; l’attribut @rel nous permet de fournir une donnée qui décrira mieux cette relation.
2. Les attributs @rel et @href ne sont plus confinés aux éléments a et link, mais peuvent aussi être utilisés sur img pour indiquer les relations entre une image et un autre objet.
3. Dans l’HTML ordinaire, les propriétés sont situées dans l’entête du document, en utilisant @content avec meta. Dans les documents HTML avec RDFa, @content peut être utilisé pour définir des propriétés dans chaque élément.
4. Bien que HTML utilise la propriété @name pour définir le nom d’une propriété dans meta, il peut être utilisé sur d’autres éléments ; c’est pourquoi RDFa fournit un nouvel attribut nommé @property.
5. Si aucun attribut @content n’est présent, alors la valeur d’une propriété sera réglée en utilisant le texte en ligne de l’élément.
6. Si l’attribut @content est présent, il remplace la valeur du texte en ligne de l’élément pour donner la valeur de la propriété.

Dans la partie II, nous allons apprendre comment ajouter des propriétés à une image, et des métadonnées à chaque objet — et nous allons rajouter quelques règles de plus à cette liste.

Ajouter des propriétés à une image

Dans la partie I, nous avions discuté le fait qu’en HTML ordinaire, @rel est utilisé pour spécifier une relation entre le document courant et un autre document. Nous avons aussi noté que RDFa généralise cette fonction de telle sorte que @rel peut être utilisé sur un élément img ; la relation exprimée est celle entre l’image (dans l’attribut @src) l’autre document. C’est le même principe qui s’applique quand des propriétés sont placées sur la balise img : ils s’appliqueront également à l’image plutôt qu’au document courant.

Par exemple,  pour indiquer quand une image a été créée, nous pourrions faire ceci :

(les sauts de ligne sont marqués »)

<img src="image1.png" property="dc:created" »
  content="2009-03-22" :>
<img src="image2.png" property="dc:created" »
  content="2009-05-01" :>

Règle 7 :

Le HTML ordinaire peut seulement mettre en place des propriétés relatives à la page elle-même, mais RDFa permet que des propriétés soient associées à des URLs d’image aussi.

RDFa permet aussi qu’une propriété et une relation soient exprimés pour une même image :

<img src="image1.png" rel="license" »
  href="http://creativecommons.org/licenses/by-sa/3.0/" »
  property="dc:created" content="2009-05-01" />

Fin de la page 1

Pages : 1 2 3 4