files/es/web/html/global_attributes/itemref/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

---
title: itemref
slug: Web/HTML/Atributos_Globales/itemref
translation_of: Web/HTML/Global_attributes/itemref
---
<h2 id="Resumen">Resumen</h2>

<p>Las propiedades que no son descendientes de un elemento con el atributo <code>itemscope</code> pueden ser asociadas con el elemento usando un <strong>itemref</strong> . <strong>Itemref</strong> provee una lista de ids de los elementos (no <code>itemids</code>) con propiedades adicionales en otras partes dentro del documento .</p>

<p>El atributo itemref puede ser solo especificado en elementos que tienen un atributo itemscope especificado .</p>

<p class="note"><strong>Nota: </strong>el atributo itemref no es parte del modelo de micro datos . Es solamente un constructor sintáctico que ayuda a los autores en el ingreso de anotaciones a las páginas donde los datos que se van a anotar no siguen una estructura de arbol conveniente . Por ejemplo , permite a los autores marcar los datos en una tabla para que cada columna defina un item separado mientras se mantienen las propiedades en las celdas .</p>

<div class="syntaxbox">
<h2 class="syntaxbox" id="Ejemplo">Ejemplo</h2>

<h3 id="HTML">HTML</h3>

<div class="syntaxbox">
<pre class="brush: html">&lt;div itemscope id="amanda" itemref="a b"&gt;&lt;/div&gt;
&lt;p id="a"&gt;Name: &lt;span itemprop="name"&gt;Amanda&lt;/span&gt; &lt;/p&gt;
&lt;div id="b" itemprop="band" itemscope itemref="c"&gt;&lt;/div&gt;
&lt;div id="c"&gt;
    &lt;p&gt;Band: &lt;span itemprop="name"&gt;Jazz Band&lt;/span&gt; &lt;/p&gt;
    &lt;p&gt;Size: &lt;span itemprop="size"&gt;12&lt;/span&gt; players&lt;/p&gt;
&lt;/div&gt;
</pre>
</div>

<article id="wikiArticle">
<h3 id="Datos_estructurados">Datos estructurados </h3>

<table class="standard-table">
 <tbody>
  <tr>
   <th>id's</th>
   <th>itemscope</th>
   <th>itemref</th>
   <th> </th>
   <th>(nombre de itemprop )</th>
   <th>(valor de itemprop)</th>
  </tr>
  <tr>
   <td>id=amanda</td>
   <td>itemscope</td>
   <td>itemref=a,b</td>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td>id=a</td>
   <td> </td>
   <td> </td>
   <td>itemprop</td>
   <td>name</td>
   <td><span>Amanda</span></td>
  </tr>
  <tr>
   <td>id=b</td>
   <td>itemscope</td>
   <td>itemref=c</td>
   <td> </td>
   <td>band</td>
   <td> </td>
  </tr>
  <tr>
   <td colspan="1" rowspan="2">id=c</td>
   <td> </td>
   <td> </td>
   <td>itemprop</td>
   <td>Band</td>
   <td><span>Jazz Band</span></td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td>itemprop</td>
   <td>Size</td>
   <td><span>12</span></td>
  </tr>
 </tbody>
</table>

<h3 id="Resultado">Resultado</h3>

<p>{{ EmbedLiveSample('Example', '', '', '', 'Web/HTML/Global_attributes/itemref') }}</p>

<h2 id="EspecificaciónEditEdit">Especificación<a class="only-icon button section-edit new" href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates$edit#Specifications"><span>Edit</span></a><a class="only-icon button section-edit new" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemid$edit#SpecificationsEdit"><span>Edit</span></a></h2>

<table class="standard-table" style="height: 105px; width: 490px;">
 <thead>
  <tr>
   <th scope="col">Especificación</th>
   <th scope="col">Estatus</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td style="text-align: left; vertical-align: middle;"><a class="external-icon external" href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemref</a></td>
   <td style="text-align: left; vertical-align: middle; white-space: nowrap;">Nota WG  - No se encuentra activamente en desarrollo</td>
  </tr>
 </tbody>
</table>
</article>
</div>