J'ajoute des balises sémantiques schema.org, et j'aimerais relier plusieurs d'entre elles dans des parties très différentes de la page Web.
Cela fonctionne lorsque je les spécifie en tant que parent / enfant:
<div itemscope itemtype="http://schema.org/ExerciseAction">
<span itemprop="distance">11 km</span>
<div itemprop="event" itemscope itemtype="http://schema.org/Event">
<span itemprop="name">first event</span>
<span itemprop="startDate">2001-01-01</span>
</div>
</div>
Cependant, je ne sais pas comment les lier lorsqu'ils sont séparés par une montagne de HTML:
<div itemscope itemtype="http://schema.org/Event">
<span itemprop="name">some event</span>
<span itemprop="startDate">2002-02-02</span>
</div>
<!--
....
zillion other HTML stuff
...
-->
<div itemscope itemtype="http://schema.org/ExerciseAction">
<span itemprop="distance">22 km</span>
</div>
Je suppose que je devrais utiliser "itemref" ou quelque chose pour lier des étendues connexes, mais je ne peux pas le faire fonctionner. Regarder des questions similaires n'a pas aidé dans ce cas.
MISE À JOUR: notez que je recherche spécifiquement une solution qui fonctionne via une sorte de référencement et ne fonctionne PAS via l'imbrication de tout type. De plus, l'ordre du deuxième exemple (non fonctionnel) doit rester le même (événement en premier, exercice en second). (Il y a plusieurs raisons à cela hors de mon contrôle).
Plus précisément, "cela fonctionne" est défini comme au moins un outil d'extraits enrichis de Google montrant que les éléments SONT liés entre eux (comme c'est le cas pour ce premier exemple de travail)