Im Normalfall umschließt das HTML-Element mit dem itemscope-Attribut die Elemente, die zugehörige itemprop-Attribute enthalten. Es gibt jedoch noch eine alternative Möglichkeit der Notation. Dabei können die Eigenschaften eines Daten-Sets außerhalb des eigentlichen itemscope-Bereichs notiert werden.
<h1 itemscope itemref="pa pd pt"> <span itemprop="postTitle">Wohin geht das Internet?</span> </h1> <ul> <li id="pa">von <span itemprop="postAuthor">Mario Mortimer</span></li> <li id="pd">gepostet am <time datetime="2010-05-23" itemprop="postDate">23.05.2010</time></li> </ul> <div id="pt" itemprop="postText"> Meiner Ansicht nach usw. usf. </div>
Ein Element, das ein itemscope-Attribut enthält, kann außerdem ein itemref-Attribut enthalten. Gedacht ist das für den Fall, dass sich Elemente mit zugehörigen itemprop-Attributen nicht innerhalb des Inhalts des Elements mit dem itemscope-Attribut befinden, sondern an anderen Stellen des HTML-Dokuments (der Webseite). Das itemref-Attribut bekommt als Wert die id-Namen von einem oder mehreren anderen Elementen im HTML-Dokument zugewiesen. Mehrere id-Namen werden durch Leerraum voneinander getrennt. Andere Elemente mit id="einer-der-namen" werden dann zu weiteren Geltungsbereichen des itemscope-Bereichs außerhalb des eigenen Elementinhalts.
Im obigen Beispiel ist das h1-Überschriftenelement das Element, in dem ein itemscope-Attribut notiert ist. Es handelt sich um ein Set mit Daten zu einem Forumsposting. Das h1-Element enthält auch ein inneres span-Element, in dem sich ein zugehöriges itemprop-Attribut für den Titel des Postings befindet. Diese itemprop-Eigenschaft ist dem itemscope des h1-Elements auf Grund der Elementverschachtelung automatisch zugeordnet. Die übrigen Daten des Forums-Postings stehen in einer ungeordneten Liste und der eigentliche Posting-Text in einem div-Bereich. Die li-Elemente der Liste und der div-Bereich sind mit id-Attributen versehen. Die dort vergebenen Namen (pa, pd und pt) sind diejenigen, die im itemref-Attribut des h1-Überschriften-Tags durch Leerzeichen getrennt aufgezählt werden. Somit werden die beiden Listenelemente und der div-Bereich zu weiteren Geltungsbereichen des itemscope-Bereichs, der im h1-Element beginnt.
Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.