Sommaire

Le schéma pour les personnes

1. Définir l’utilisation de Microdata:itemscopeMicrodata avec itemscope

Nous allons aborder un premier exemple où il est question d’une personne avec du code HTML. Voici le code utilisé dans cet exemple :

<p>Bonjour, je suis <strong>Christophe AUBRY</strong>, je suis né 
le 10 juillet 1992 à Nantes. Je travaille régulièrement avec 
<em>Jérôme HABILLAUT</em> qui est responsable éditorial.</p>

Tout ce contenu n’est pas sémantiquement précis, en-dehors des deux éléments <strong> et <em> qui n’apportent pas réellement de précision sur leur contenu. Nous allons donc utiliser Microdata pour ajouter plus de sémantique à ce code.

La première étape consiste à ajouter l’attribut itemscope à l’élément parent, ici dans l’élément <p> :

<p itemscope>Bonjour, je suis <strong>Christophe AUBRY</strong>,
je suis né le 10 juillet 1992 à Nantes. Je travaille régulièrement 
avec <em>Jérôme HABILLAUT</em> qui est responsable éditorial.</p>

Ainsi, tous les autres éléments inclus dans l’élément <p> hériteront du même schéma.

2. Indiquer le schéma utilisé avec Microdata:itemtypeitemtype

La deuxième étape définit ...