aboutsummaryrefslogtreecommitdiff
path: root/files/ca/web/html/element/img/index.html
blob: 405f8d9eb4cd6bf502414f833f4cc5f8de52f7b0 (plain)
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
---
title: '<img>: element Imatge Incrustada'
slug: Web/HTML/Element/img
tags:
  - Contingut
  - Element
  - Gràfics
  - HTML
  - Imatge
  - Multimedia
  - Referencia
  - Web
  - embedded
translation_of: Web/HTML/Element/img
---
<h2 id="Sumari">Sumari</h2>

<div>{{HTMLRef}}</div>

<p><strong>L'element HTML <code>&lt;img&gt;</code></strong> representa una imatge en el document.</p>

<div class="note">
<p>Els navegadors no sempre mostren la imatge referenciada per l'element. Aquest és el cas dels navegadors no gràfics (inclosos els utilitzats per les persones amb problemes de visió), o si l'usuari opta per no mostrar imatges, o si el navegador no pot mostrar la imatge, ja que no és vàlid o un <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/img$translate#Supported_image_formats">tipus no suportat.</a> En aquests casos, el navegador pot reemplaçar la imatge amb el text definit en l'atribut <code>alt</code> d'aquest element. Ha de, per aquestes i altres raons, proporcionar un valor útil sempre que sigui possible.</p>
</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut incrustat,  contingut palpable. Si l'element té un atribut {{htmlattrxref("usemap", "img")}}, o sinó que també és una part de la categoria de contingut interactiu.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td>Cap, és un {{Glossary("empty element")}}.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no </span><span>una etiqueta</span> <span>de tancament.</span></span></td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <td>Qualsevol element que accepti contingut incrustat.</td>
  </tr>
  <tr>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLImageElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atribust globals</a>.</p>

<dl>
 <dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}} </dt>
 <dd>L'alineació de la imatge respecte al seu context circumdant. En HTML5, utilitzeu les propietats CSS {{cssxref('float')}} i/o {{cssxref('vertical-align')}} en el seu lloc.</dd>
 <dt>{{htmlattrdef("alt")}}</dt>
 <dd>Aquest atribut defineix el text alternatiu que descriu la imatge. Els usuaris veuran aquest text apareixer si l'URL de la imatge està malament, o la imatge no es troba en un dels formats compatibles, o si la imatge no es descarrega.
 <div class="note">
 <p>L'omissió d'aquest atribut en conjunt indica que la imatge és una part clau del contingut, i no té un equivalent textual disponible. En establir aquest atribut en una cadena buida (<code>alt=""</code>) indica que aquesta imatge no és una part clau del contingut, i que els navegadors no visuals poden ometre la seva representació.</p>
 </div>
 </dd>
 <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>L'ample d'una vora al voltant de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('border')}}.</dd>
 <dt>{{htmlattrdef("crossorigin")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Aquest atribut enumerat indica si l'obtenció de la imatge relacionada ha de fer-se utilitzant CORS o no. En CORS habilitat, les imatges poden ser reutilitzades amb l'element {{HTMLElement("canvas")}} sense ser "corrompudes". Els valors permesos són:</dd>
 <dd>
 <dl>
  <dt><code>anonymous</code></dt>
  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>origen:</code> capçalera HTTP) es porta a terme. Però no s'envian credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509, i no s'envia l'autenticació bàsica HTTP ). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix l'<code>Access-Control-Allow-Origin:</code> capçalera HTTP ), la imatge serà contaminada i el seu ús restringit.</dd>
  <dt><code>use-credentials</code></dt>
  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin:</code> capçalera HTTP) realitzat amb credencial és enviat (és a dir, una galeta, un certificat i l'autenticació bàsica HTTP es realitza). Si el servidor no dóna credencials al lloc d'origen (a través d' <code>Access-Control-Allow-Credentials</code>: capçalera HTTP), la imatge serà contaminada i el seu ús restringit.</dd>
 </dl>
 Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar <code>Origin:</code> capçalera HTTP), evitant el seu ús no contamina elements {{HTMLElement('canvas')}}. Si no és vàlid, es tractada com si s'utilitzés la paraula clau enumerada <strong>anonymous</strong>. Veure <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">configuració atributs CORS</a> per obtenir informació addicional.</dd>
 <dt>{{htmlattrdef("height")}}</dt>
 <dd>L'alçada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, l'alçada es podria definir en píxels o com a percentatge. En {{HTMLVersionInline(5)}}, però, el valor ha d'estar en píxels.</dd>
 <dt>{{htmlattrdef("hspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>El nombre de píxels d'espai en blanc per inserir a l'esquerra i dreta de la imatge. En HTML5, utilitzeu en al seu lloc la propietat CSS {{cssxref('margin')}}  .</dd>
 <dt>{{htmlattrdef("ismap")}}</dt>
 <dd>Aquest atribut booleà indica que la imatge és part d'un mapa del costat del servidor. Si és així, les coordenades exactes d'un clic son enviades al servidor.
 <div class="note">
 <p>Aquest atribut només és permès si l'element <code>&lt;img&gt;</code> és un descendent d'un element {{htmlelement("a")}} amb un atribut vàlid {{htmlattrxref("href","a")}}</p>
 </div>
 </dd>
 <dt>{{htmlattrdef("longdesc")}}</dt>
 <dd>Un enllaç a una descripció més detallada de la imatge. Els valors possibles són un URL o un element id.</dd>
 <dt>{{htmlattrdef("name")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Un nom per l'element. És suportat en {{HTMLVersionInline(4)}} només per compatibilitat amb versions anteriors. Utilitzeu en el seu lloc l'atribut <code>id</code>.</dd>
 <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
 <dd>Una cadena que indica la referència a utilitzar per recuperar el recurs:
 <ul>
  <li><code>no-referrer:</code>  <span class="short_text" id="result_box" lang="ca"><span>la capçalera</span><code> <span>Referer</span></code> <span>no s'enviarà</span></span> .</li>
  <li><code>no-referrer-when-downgrade:</code> Cap encapçalat <code>Referer</code> s'enviarà quan es navega a un origen sense TLS (HTTPS). Es tracta d'un comportament per defecte de l'agent d'usuari si no hi ha una política que especifiqui lo contrari.</li>
  <li><code>origin:</code> L'encapçalat <code>Referer</code> inclourà la pàgina de l'esquema d'origen, el host i el port.</li>
  <li><code>origin-when-cross-origin:</code> navegant a altres orígens es limitarà les dades de referència incloses en l'esquema, el host i el port, mentre que la navegació des del mateix origen inclourà la ruta completa de las referèncias.</li>
  <li><code>unsafe-url: </code>El <code>Referal header</code> inclourà l'origen i la ruta d'accés, però no el fragment, contrasenya o nom d'usuari. Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li>
 </ul>
 </dd>
 <dt>{{htmlattrdef("sizes")}}{{HTMLVersionInline(5)}}</dt>
 <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>d'una o</span> <span>més cadenes</span> <span>separades per</span> <span>comes que</span> <span>indiquen un</span> <span>conjunt</span> <span>de mides de</span> <span>fonts</span><span>.</span> <span>Cada mida</span> <span>de font</span> <span>es</span> <span>compon de:</span></span>
 <ol>
  <li>una condició de mitjans. Això ha de ser omès per a l'últim element.</li>
  <li>un valor de mida de font.</li>
 </ol>

 <p>Els valors de mida de la Font especifiquen la mida de la pantalla desitjada de la imatge. Els agents d'usuari utilitzen la mida de la font actual per seleccionar una de les fonts subministrades per l'atribut <code>srcset</code>, quan aquestes fonts es descriuen utilitzant descriptors de l'amplada ('<code>w</code>'). La mida de la font seleccionada afecta la mida de la imatge (mida de visualització de la imatge si no s'aplica un estil CSS). Si l'atribut srcset està absent, o no conté valors amb un descriptor d'amplada (<code>w</code>), llavors l'atribut <code>sizes</code> no té cap efecte.</p>
 </dd>
 <dt>{{htmlattrdef("src")}}</dt>
 <dd>L'URL de la imatge. Aquest atribut és obligatori per a l'element <code>&lt;img&gt;</code>. En els navegadors amb suport <code>srcset</code>, <code>src</code> és tractat com un candidat de la imatge amb un descriptor de densitat de píxel 1 x llevat que una imatge amb aquest descriptor de densitat de píxels ja estigui definit en <code>srcset</code> o a meys que <code>srcset</code> contingui descriptors '<code>w</code>'.</dd>
 <dt>{{htmlattrdef("srcset")}}{{HTMLVersionInline(5)}}</dt>
 <dd>Una llista d'una o més cadenes separades per comes que indiquen un conjunt de fonts d'imatge possibles per a l'agent d'usuari per al seu ús. Cada cadena es compon de:
 <ol>
  <li><span id="result_box" lang="ca"><span>un URL</span> <span>a</span> <span>una imatge,</span></span> ,</li>
  <li><span id="result_box" lang="ca"><span>opcionalment</span><span>, espai</span> <span>en blanc</span> <span>seguit</span> <span>per</span> <span>u</span></span>n:
   <ul>
    <li>un descriptor d'amplada, o un enter positiu seguit directament per '<code>w</code>'. El descriptor d'amplada es divideix per la mida de la font donada en l'atribut <code>sizes</code> per calcular la densitat de píxels efectius.</li>
    <li>un descriptor de densitat de píxels, que és un nombre de coma flotant positiva seguit directament per '<code>x</code>'.</li>
   </ul>
  </li>
 </ol>

 <p><span id="result_box" lang="ca"><span>Si</span> <span>no s'especifica un</span> <span>descriptor</span><span>, la font</span> <span>s'assigna el</span> <span>descriptor</span> <span>per defecte</span><span>:</span> <span>1x</span><span>.</span></span></p>

 <p>No és correcte barrejar descriptors d'amplada i descriptors de densitat de píxels en el mateix atribut <code>srcset</code>. Descriptors duplicats (per exemple, dues fonts en la mateixa <code>srcset</code> que estan tots dos descrits amb '2x') tampoc no són vàlids.</p>

 <p><span id="result_box" lang="ca"><span>L'agent</span> <span>d'usuari</span> <span>selecciona una de les</span> <span>fonts</span> <span>disponibles</span> <span>a la seva discreció</span><span>.</span> <span>Això</span> <span>els proporciona un</span> <span>marge</span> <span>significatiu</span> <span>per adaptar la seva</span> <span>selecció en</span> <span>funció</span> <span>de coses</span> <span>com</span> <span>les</span> <span>preferències de l'</span><span>usuari o</span> <span>les</span> <span>condicions</span> <span>d'ample de</span> <span>banda.</span></span></p>
 </dd>
 <dt>{{htmlattrdef("width")}}</dt>
 <dd>L'amplada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, un percentatge o píxels són valors acceptables. En {{HTMLVersionInline(5)}}, però, només els píxels són acceptables.</dd>
 <dt>{{htmlattrdef("usemap")}}</dt>
 <dd><span id="result_box" lang="ca"><span>L'adreça URL</span> <span>parcial</span> <span>(</span><span>que comença</span> <span>amb '</span><span>#'</span><span>)</span> <span>d'un mapa</span> <span>d'imatge</span> <span>associada</span> <span>amb l'element</span><span>.</span></span>
 <div class="note">
 <p><strong>Nota d'ùs: </strong>No es pot fer servir aquest atribut si l'element <code>&lt;img&gt;</code> és un descendent d'un element {{htmlelement("a")}} o {{HTMLElement("button")}}.</p>
 </div>
 </dd>
 <dt>{{htmlattrdef("vspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>El nombre de píxels d'espai en blanc per inserir dalt i sota de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('margin')}}..</dd>
</dl>

<h2 id="Formats_d'imatge_suportats"><span class="short_text" id="result_box" lang="ca"><span>Formats d'imatge suportats</span></span></h2>

<p>L'estàndard d'HTML no dóna una llista de formats d'imatge que ha de ser admès, així que cada agent d'usuari dóna suport a un conjunt diferent de formats. Gecko és compatible am:</p>

<ul>
 <li><a class="external" href="http://en.wikipedia.org/wiki/JPEG">JPEG</a></li>
 <li><a class="external" href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format">GIF</a>, <span class="short_text" id="result_box" lang="ca"><span>incloent</span> <span>GIFs</span> <span>animats</span></span></li>
 <li><a class="external" href="http://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a></li>
 <li><a href="/en-US/docs/Animated_PNG_graphics">APNG</a> {{gecko_minversion_inline("1.9.2")}}</li>
 <li><a href="/en-US/docs/SVG">SVG</a> {{gecko_minversion_inline("2.0")}}</li>
 <li><a class="external" href="http://en.wikipedia.org/wiki/BMP_file_format">BMP</a></li>
 <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">BMP ICO</a></li>
 <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">PNG ICO</a> {{gecko_minversion_inline("9.0")}}</li>
</ul>

<h2 id="Interacció_amb_CSS">Interacció amb CSS</h2>

<p>Pel que fa a CSS, <code>&lt;img&gt;</code> és un element reemplaçat. No té cap base, de manera que quan les imatges s'utilitzen en un context de format en línia amb {{cssxref ("vertical-align")}}: <code>baseline</code>, es col·loca la part inferior de la imatge en la base del contenidor.</p>

<p><span id="result_box" lang="ca"><span>Depenent</span> <span>del seu tipus</span><span>, una imatge</span> <span>pot tenir una</span> <span>amplada</span> <span>i alçada</span> <span>intrínseca.</span> <span>Per alguns</span> <span>tipus d'</span><span>imatge</span><span>, però,</span> <span>dimensions</span> <span>intrínseques</span> <span>no són</span> <span>necessaries.</span> <span>Les imatges</span> <span>SVG,</span> <span>per exemple, no</span> <span>tenen</span> <span>dimensions</span> <span>intrínseques.</span></span></p>

<h2 id="Errors">Errors</h2>

<p>Si es produeix un error en intentar carregar o processar una imatge, i un controlador d'esdeveniments {{htmlattrxref("onerror")}} ha estat configurat per controlar l'esdeveniment {{event("error")}}, aquest controlador d'esdeveniment serà cridat. Això pot ocórrer en diverses situacions, incloent:</p>

<ul>
 <li>El atribut {{htmlattrxref("src", "img")}} està buit o és <code>null</code>.</li>
 <li>La URL especificada en <code>src</code> és la mateixa que la URL de la pàgina que l'usuari es troba actualment.</li>
 <li>La imatge especificada està danyada d'alguna manera que evita que sigui carregada.</li>
 <li>Les metadades de la imatge especificada està danyada de tal manera que és impossible recuperar les seves dimensions, i aquestes  dimensions no van ser especificades en els atributs de l'element <code>&lt;img&gt;</code>.</li>
 <li>La imatge especificada està en un format no suportat pel {{Glossary("user agent")}}.</li>
</ul>

<h2 id="Exemple_1_Text_alternatiu">Exemple 1:  Text alternatiu</h2>

<pre class="brush: html">&lt;img src="mdn-logo-sm.png" alt="MDN"&gt;
</pre>

<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p>

<h2 id="Exemple_2_Enllaç_d'imatge">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Enllaç</span> <span>d'imatge</span></span></h2>

<pre class="brush: html">&lt;a href="https://developer.mozilla.org/"&gt;MDN&lt;img src="mdn-logo-sm.png" alt="MDN"&gt;&lt;/a&gt;</pre>

<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></a></p>

<h2 id="Exemple_3_Ús_de_l'atribut_srcset">Exemple 3: Ús de l'atribut <code>srcset</code></h2>

<p>L'atribut <code>src</code> és un candidat 1x en agents d'usuari que suporten <code>srcset</code>.</p>

<pre class="brush: html"> &lt;img src="mdn-logo-sm.png"
      alt="MDN"
      srcset="mdn-logo-HD.png 2x"&gt;</pre>

<h2 id="Exemple_4_Ús_dels_atributs_srcset_i_sizes">Exemple 4: Ús dels atributs <code>srcset</code> i <code>sizes</code></h2>

<p>S'ignora l'atribut <code>src</code> en agents d'usuari que donen suport a <code>srcset</code> utilitzant descriptors '<code>w</code>'. Quan les (<code>min-width</code>: 600px) condicions del suport coincideixen, la imatge serà 200px d'amplada, en cas contrari serà 50vw d'amplada (50% de l'amplada de la finestra gràfica).</p>

<pre class="brush: html"> &lt;img src="clock-demo-thumb-200.png"
      alt="Clock"
      srcset="clock-demo-thumb-200.png 200w, clock-demo-thumb-400.png 400w"
      sizes="(min-width: 600px) 200px, 50vw"&gt;</pre>

<h2 id="Especificacions">Especificacions</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}}</td>
   <td>{{Spec2('Referrer Policy')}}</td>
   <td>Afegeix l'atribut <code>referrerpolicy</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-img-element', '&lt;img&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-img-element', '&lt;img&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.2', '&lt;img&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>srcset</code></td>
   <td>{{CompatChrome(34.0)}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatOpera(21)}}</td>
   <td>{{CompatSafari(7.1)}}</td>
  </tr>
  <tr>
   <td><code>referrerpolicy</code></td>
   <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("50.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>onerror</code> event handler</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop(51)}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Android Webview</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
   <th>Chrome for Android</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>srcset</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(34.0)}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>21</td>
   <td>iOS 8</td>
   <td>{{CompatChrome(34.0)}}</td>
  </tr>
  <tr>
   <td><code>referrerpolicy</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(46.0)}} [1]</td>
   <td>{{CompatGeckoMobile("50.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td>
  </tr>
  <tr>
   <td><code>onerror</code> event handler</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile(51)}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Implementad com <code>referrerpolicy</code> <span id="result_box" lang="ca"> <span>i darrere</span> <span>d'una bandera.</span></span> .</p>

<p>[2] <span id="result_box" lang="ca"><span>Implementat</span> <span>darrere</span> <span>d'una</span> <span>preferència.</span></span></p>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Els elements {{HTMLElement("picture")}}, {{HTMLElement("object")}} i {{HTMLElement("embed")}}</li>
</ul>