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.