Pages : 1 2 3 4

La seconde présentation :

<a href="http://www.slideshare.net/mark.birbeck »
  /the-5-minute-guide-to-rdfain-only-6-minutes-40- »
  seconds">The 5-minute guide to RDFa...in only 6 »
  minutes and 40 seconds</a>

… est licencé en ajoutant ce balisage au document :

<a about="http://www.slideshare.net/mark.birbeck »
  /the-5-minute-guide-to-rdfain-only-6-minutes-40- »
  seconds" rel="license"  »
  href="http://creativecommons.org/licenses/by-sa/2.5/"> »
  CC BY SA</a>.

Une fois encore, ce balisage peut apparaître n’importe où.

Notez que la référence à chaque licence est encore un lien cliquable, ainsi du point de vue utilisateur, rien ne change quand nous ajoutons @about à une ancre. Cependant, du point de vue des métadonnées, chaque licence est maintenant appliquée à un document externe qui contient une présentation, plutôt que d’être appliquée au document courant.

Bien entendu, dans un vrai exemple, le lien cliquable pourrait probablement contenir les icônes Creative Commons, comme ceci :

<a about="http://www.slideshare.net/mark.birbeck »
/the-5-minute-guide-to-rdfain-only-6-minutes-40- »
seconds" rel="license" »
  href="http://creativecommons.org/licenses/by-sa/2.5/"> »
  <img src="http://i.creativecommons.org/l/by-sa/2.5/80x15.png" /> »
  </a>

Et vous l’aurez probablement réalisé, de la même manière que nous utilisons @property et @content pour ajouter des propriétés au document et aux images, nous pouvons aussi leur ajouter des ressources référencées par @about. Par exemple, si nous voulions ajouter des informations sur le créateur à la présentation, nous aurions pourrions faire ceci :

<a about="http://www.slideshare.net/ »
fabien_gandon/rdfa-in-a-nutshell-v1" rel="license" »
  href="http://creativecommons.org/licenses/by/2.5/" »
  property="dc:creator" content="Fabien Gandon"> »
  <img src="http://i.creativecommons.org/l/by/2.5/80x15.png" /> »
  </a>

Ainsi, pour récapituler, notre règle devrait être :

Règle 8 :

Des propriétés et ressources peuvent être spécifiées pour chaque ressource, et non juste pour le document courant et les images, en utilisant l’attribut RDFa @about.

Utiliser @about pour mettre en place le contexte pour plusieurs propriétés et relations

Mettre en place un certain nombre de propriétés et de relations pour le document courant est facile. En HTML ordinaire, nous plaçons juste un certain nombre d’éléments meta et link dans l’head du document, et peut-être quelques balises a avec @rel dans le corps du document. Maintenant que nous pouvons ajouter @property et @content au body, eux aussi peuvent être placés partout.( ??? )

Mais quel est la technique équivalente pour mettre en place plusieurs propriétés en utilisant @about ? Les exemples que nous avons vu jusqu’ici ont seulement utilisé une propriété et une relation pour chaque objet, car c’est la limite imposée par la structure d’HTML lui-même : chaque attribut d’un élément doit avoir un nom unique, ainsi il n’est pas possible de spécifier de multiples valeurs de propriétés et relations a un seul élément.

La répone est cependant assez franche. En RDFa, l’attribut @about sur un élément met en place actuellement le contexte pour chaque RDFa qui apparait sur chaque élément enfant. Avant d’illustrer cela, récapitulons notre dernier exemple :

<a about="http://www.slideshare.net/ »
fabien_gandon/rdfa-in-a-nutshell-v1" rel="license" »
  href="http://creativecommons.org/licenses/by/2.5/" »
  property="dc:creator" content="Fabien Gandon"> »
  <img src="http://i.creativecommons.org/l/by/2.5/80x15.png" /> »
  </a>

Vous vous rappelez que ce balisage dit effectivement deux choses. Premièrement, « La présentation SlideShare à l’URL spécifiée est sous licence CC BY » et ensuite, « La présentation SlideShare à l’URL spécifiée a été créée par Fabien Gandon. »

La manière la plus facile d’accomplir cela est de commencer par créer un élément qui contient le contexte dans lequel nous voulons tous que notre RDFa opère, qui dans ce cas est l’adresse de la présentation ;

<div about="http://www.slideshare.net/fabien_gandon »
  /rdfa-in-a-nutshell-v1"> »
    …
  </div>

Une fois que nous avons cela, nous pouvons placer toutes les propriétés que nous voulons ajouter à l’intérieur :

<div about="http://www.slideshare.net/fabien_gandon »
  /rdfa-in-a-nutshell-v1">
    <h1>RDFa in a Nutshell</h1>
    <ul>
        <li>Author:
            <em property="dc:creator">Fabien Gandon</em></li>
        <li>Created:
            <em property="dc:created" content="2007-01-01"> »
              Jan 1st, 2007</em></li>
        <li>License:
            <a rel="license" href="http://creativecommons.org »
              /licenses/by/2.5/"><img src="http://i.creativecommons.org »
              /l/by/2.5/80x15.png" /></a></li>
    </ul>
</div>

Fin de la page 3

Pages : 1 2 3 4