path: root/files/ca/web/html/element/iframe/index.html

---
title: <iframe>
slug: Web/HTML/Element/iframe
tags:
  - Content
  - Element
  - HTML
  - Reference
  - Web
  - embedded
translation_of: Web/HTML/Element/iframe
---
<div>{{HTMLRef}}</div>

<h2 id="Sumari">Sumari</h2>

<p>L'element HTML Marc en Línia (<code>&lt;iframe&gt;</code>) representa un context de navegació imbricada, la incrustació efectiva d'una altra pàgina HTML a la pàgina actual. En HTML 4.01, un document pot contenir un <code>head</code> i un <code>body</code> o un <code>head</code> i un conjunt de marcs, però no tots dos un <code>body</code> i un conjunt de marcs.  No obstant això, un<code> &lt;iframe</code>&gt; es pot utilitzar dins  del cos d'un document normal. Cada context de navegació té el seu propi historial de sessió i document actiu. El context de navegació que conté el contingut incrustat es diu context de navegació dels pares. El context de navegació de nivell superior (que no té pare) és normalment la finestra del navegador.</p>

<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 interactiu, contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><span class="short_text" id="result_box" lang="ca"><span>Especial</span><span>, veure</span> <span>la prova</span></span></td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>{{no_tag_omission}}</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("HTMLIFrameElement")}}</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">atributs globals</a>.</p>

<dl>
 <dt>{{htmlattrdef("align")}} {{deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
 <dd><span id="result_box" lang="ca"><span>L'alineació</span> <span>d'aquest</span> <span>element respecte</span> <span>al context que</span> <span>l'envolta.</span></span></dd>
 <dt>{{htmlattrdef("allowfullscreen")}}</dt>
 <dd>Aquest atribut es pot establir en <code>true</code> si el marc ha de ser col·locat en mode de pantalla completa cridant al seu mètode {{domxref("Element.requestFullScreen()")}}. Si no està establert, no es pot col·locar l'element en mode de pantalla completa.</dd>
 <dt>{{htmlattrdef("frameborder")}} {{HTMLVersionInline(4)}} only</dt>
 <dd>El valor 1 (per defecte) li diu al navegador que traci una vora entre aquest marc i per cada marc existent. El valor 0 indica el navegador no dibuixar cap vora entre aquest marc i d'altres marcs.</dd>
 <dt>{{htmlattrdef("height")}}</dt>
 <dd>
 <p>Indica l'alçada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatge.</p>
 </dd>
 <dt>{{htmlattrdef("longdesc")}} {{HTMLVersionInline(4)}} only</dt>
 <dd>Un URI a una descripció llarga del marc. A causa del mal ús generalitzat, això no és útil per als navegadors no visuals.</dd>
 <dt>{{htmlattrdef("marginheight")}} {{HTMLVersionInline(4)}} only</dt>
 <dd>
 <p>La quantitat d'espai en píxels entre el contingut del marc i els seus marges superior i inferior.</p>
 </dd>
 <dt>{{htmlattrdef("marginwidth")}} {{HTMLVersionInline(4)}} only</dt>
 <dd>La quantitat d'espai en píxels entre el contingut del marc i els seus marges esquerre i dret.</dd>
 <dt>{{htmlattrdef("mozallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
 <dd>Utilitzeu en el seu lloc <strong><code>allowfullscreen</code></strong>. En Gecko 9.0 o posterior, aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.mozRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd>
 <dt>{{htmlattrdef("webkitallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
 <dd>Utilitzeu en el seu lloc <code><strong>allowfullscreen</strong></code>. En Chrome 17 o posterior (i potser abans), aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.webkitRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd>
 <dt>{{htmlattrdef("mozapp")}} {{non-standard_inline}}</dt>
 <dd>Per als marcs d'allotjament d'una <a href="https://developer.mozilla.org/en-US/docs/Apps">aplicació web de codi obert</a>, això especifica l'URL del <a href="https://developer.mozilla.org/en-US/docs/Apps/Manifest">manifest d'aplicació</a>. Això assegura que l'aplicació es carrega amb els permisos adequats. Consulteu <a href="https://developer.mozilla.org/en-US/docs/DOM/Using_the_Browser_API">Ús de l'API del Navegador</a> per a més informació. Disponible en Gecko 13.0 i posteriors.</dd>
 <dt>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}}</dt>
 <dd>Indica que el marc aparegui com una finestra de l'explorador de nivell superior per al contingut incrustat. Això vol dir que {{domxref("window.top")}}, {{domxref("window.parent")}}, {{domxref("window.frameElement")}}, etc., no reflectirà la jerarquia del marc. Això permet a un navegador web UI ser implementat en la seva totalitat amb la tecnologia web, donat els permisos adequats. Consulteu Ús de l'API del Navegador per a més informació. Disponible en Gecko 13.0 i posteriors.</dd>
 <dt id="name-attribute">{{htmlattrdef("name")}}</dt>
 <dd>Un nom per al context de navegació incrustat (o marc). Això pot ser usat com el valor de l'atribut <code><strong>target</strong></code> d'un element {{HTMLElement("a")}} o {{HTMLElement("form")}}, o l'atribut formtarget d'un element {{HTMLElement("input")}} o {{HTMLElement("button")}}.</dd>
 <dt id="attr-referrer">{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
 <dd>Una cadena que indica la referéncia a utilitzar quan s'està obtenint el recurs:
 <ul>
  <li><code>"no-referrer"</code> significa que del <code>Referer</code>: no s'enviarà la capçalera.</li>
  <li>"<code>no-referrer-when-downgrade</code>" significa que no hi ha <code>Referer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li>
  <li><code>"origin"</code> significa que la referéncia serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li>
  <li>"origin-when-cross-origin" significa que les navegacions d'altres orígens es limitarà a l'esquema, el host i el port, mentre que les navegacions en el mateix origen inclouran el camí de les referéncies.</li>
  <li><code>"unsafe-url"</code> significa que la referéncia inclourà l'origen i la ruta d'accés (però no el fragment, la 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("remote")}} {{non-standard_inline}}</dt>
 <dd>Carrega la pàgina del marc en un procés de contingut independent.</dd>
 <dt>{{htmlattrdef("scrolling")}} {{HTMLVersionInline(4)}} only</dt>
 <dd>Atribut enumerat indicant quan el navegador ha de proporcionar una barra de desplaçament (o un altre dispositiu de desplaçament) per a el marc:
 <ul>
  <li><code>auto</code>: Només quan sigui necessari.</li>
  <li><code>yes</code>: Sempre proporciona una barra de desplaçament.</li>
  <li><code>no</code>: Mai proporciona una barra de desplaçament.</li>
 </ul>
 </dd>
 <dt>{{htmlattrdef("sandbox")}} {{HTMLVersionInline(5)}} only</dt>
 <dd>Si s'especifica com una cadena buida, aquest atribut permet restriccions addicionals en el contingut que pugui aparèixer en el marc en línia. El valor de l'atribut pot ser una cadena buida (s'apliquen totes les restriccions), o una llista separada per espais d'identificadors que aixequen restriccions particulars. Els identificadors vàlids són:
 <ul>
  <li><code>allow-forms</code>: Permet al context de navegació incrustat enviar formularis. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
  <li><code>allow-modals</code>: Permet al context de navegació incrustat obrir finestres modals.</li>
  <li><code>allow-orientation-lock</code>: Permet al context de navegació incrustat desactivar la capacitat de bloquejar l'orientació de la pantalla.</li>
  <li><code>allow-pointer-lock</code>: Permet al context de navegació incrustat utilitzar l'<a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">API de bloqueig del punter</a> ( <a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">Pointer Lock API</a> ).</li>
  <li><code>allow-popups</code>: Permet finestres emergents (com <code>window.open, target="_blank", showModalDialog</code>). Si no s'utilitza aquesta paraula clau, aquesta funcionalitat fallarà sense avisar.</li>
  <li><code>allow-popups-to-escape-sandbox</code>:  Permet a un document en espai aïllat (sandbox) obrir noves finestres sense forçar les senyals d'espai aïllat sobre ellas. Això permetrà, per exemple, una publicitat de tercers, per ser un espai aïllat de seguretat  sense forçar les mateixes restriccions en una pàgina de destinació.</li>
  <li><code>allow-presentation</code>: Permet als incrustats tenir control sobre si un iframe pot iniciar una sessió de presentació.</li>
  <li><code>allow-same-origin</code>: Permet que el contingut sigui tractat com a tal des del seu origen normal. Si no s'utilitza aquesta paraula clau, el contingut incrustat es tracta com d'un origen únic.</li>
  <li><code>allow-scripts</code>: Permet al context de navegació incrustat executar scripts (però no crear finestres emergents). Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
  <li><code>allow-top-navigation</code>: Permet al context de navegació incrustat navegar pel contingut (càrrega) del context de navegació de nivell superior. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
 </ul>

 <div class="note">
 <p><strong>Nota:</strong></p>

 <ul>
  <li>Quan el document incrustat té el mateix origen que la pàgina principal, no és recomanable utilitzar al mateix temps<code> tant allow-scripts</code> i <code>allow-same-origin</code>, lo que permet que en el document incrustat mitjançant programació poguer eliminar l'atribut sandbox. Encara que s'accepta, aquest cas no és més segur que no fer servir l'atribut sandbox.</li>
  <li>El espai aïllat (Sandboxing), en general, és només una ajuda mínima si l'atacant pot organitzar el contingut potencialment hostil que es mostrarà en el navegador de l'usuari fora d'un <code>iframe</code> d'espai aïllat. Es recomana que aquest contingut ha de servir-se de un<em> domini dedicat separat,</em> per limitar el dany potencial.</li>
  <li>L'atribut<code> sandbox</code> no és compatible amb Internet Explorer 9 i versions anteriors.</li>
 </ul>
 </div>
 </dd>
 <dt>{{htmlattrdef("src")}}</dt>
 <dd><span class="short_text" id="result_box" lang="ca"><span>La URL</span> <span>de la pàgina per</span> <span>incrustar</span></span>.</dd>
 <dt>{{htmlattrdef("srcdoc")}} {{HTMLVersionInline(5)}} only</dt>
 <dd>El contingut de la pàgina que conté el context integrat. S'espera que aquest atribut sigui generalment usat junt amb l'atribut <code>sandbox</code>. Si un navegador suporta l'atribut srcdoc, anul·larà el contingut especificat en l'atribut <code>src</code> (si està present). Si un navegador NO suporta l'atribut <code>srcdoc</code>, es mostrarà el fitxer especificat per l'atribut <code>src</code> en el seu lloc (si està present). Recordeu que si el contingut de l'atribut conté una etiqueta script, serà necessaria una etiqueta script de tancament  per a l'execució del script, fins i tot sinó es produeix res mes després del script</dd>
 <dt>{{htmlattrdef("width")}}</dt>
 <dd>Indica l'amplada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatg</dd>
</dl>

<h2 id="Scripting">Scripting</h2>

<p>Els marcs en línia, com a elements de {{HTMLElement ("frame")}}, introduïu el pseudo-array {{domxref("window.frames")}}.</p>

<p>Des de l'element <code>iframe</code> DOM, els scripts poden acedir al objecte {{domxref("window")}} inclòs en la pàgina HTML mitjançant la propietat <code>contentWindow</code>. La propietat <code>contentDocument</code> es refereix a l'element del document dins del <code>iframe</code> (és equivalent a <code>contentWindow.document</code>), però no és compatible amb les versions d'Internet Explorer anteriors a IE8.</p>

<p><span id="result_box" lang="ca"><span>Des de l'interior</span> <span>d'un</span> <span>marc, un</span> <span>script</span> <span>pot</span> <span>obtenir</span> <span>una referència a la</span> <span>finestra</span> <span>pare a través</span> <span>de</span> <span>{</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>Window.parent</span><span>"</span><span>)</span><span>}</span><span>}</span></span> .</p>

<p>Els scripts que tracten d'accedir al contingut d'un marc estan subjectes a la <a href="https://developer.mozilla.org/en-US/docs/Same_origin_policy_for_JavaScript">política del mateix origen</a>, i no poden accedir a la majoria de les propietats en l'altre objecte finestra si estigués carregada des d'un domini diferent. Això també s'aplica a un script dins d'un marc, d'intentar accedir a la seva finestra pare. La comunicació entre dominis encara es pot aconseguir amb {{domxref("Window.postMessage()")}}.</p>

<h2 id="Exemples">Exemples</h2>

<p><span id="result_box" lang="ca"><span>Aquí hi ha</span> <span>alguns</span> <span>exemples que</span> <span>demostren l'ús</span> <span>de l'element</span> <code><span>&lt;</span><span>iframe</span><span>&gt;</span></code></span>.</p>

<h3 id="Example1" name="Example1">Un simple <code>&lt;iframe&gt;</code></h3>

<p><span id="result_box" lang="ca"><span>Aquest</span> <span>és</span> <span>un exemple</span> <span>bàsic d'un</span> <code><span>&lt;</span><span>iframe</span><span>&gt;</span></code> <span>en acció.</span> <span>Després</span> <span>de crear el marc</span><span>, quan l'usuari</span> <span>fa</span> <span>clic a</span> <span>un botó</span><span>, el seu títol</span> <span>es recupera</span> <span>i</span> <span>es mostra en</span> <span>un avís</span><span>.</span></span></p>

<h4 id="HTML">HTML</h4>

<div id="htmlOutputWrapper">
<pre class="brush: html">&lt;iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300"&gt;
  &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
&lt;/iframe&gt;</pre>
</div>

<h4 id="Resultat">Resultat</h4>

<p>{{ EmbedLiveSample('Example1', '', '', '', 'Web/HTML/Element/iframe') }}</p>

<h3 id="Example2" name="Example2"><span id="result_box" lang="ca"><span>Obrir un enllaç</span> <span>en un</span> <span>&lt;</span><span>iframe</span><span>&gt;</span> <span>en una altra</span> <span>pestanya</span></span></h3>

<p><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple, un</span> <span>mapa de</span> <span>Google</span> <span>es</span> <span>mostrarà en un</span> <span>marc</span><span>;</span></span></p>

<h4 id="HTML_2">HTML</h4>

<pre class="brush: html">&lt;base target="_blank"&gt;
&lt;iframe id="Example2"
    name="Example2"
    title="Example2"
    width="400"
    height="300"
    frameborder="0"
    scrolling="no"
    marginheight="0"
    marginwidth="0"
    src="https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=es-419&amp;amp;geocode=&amp;amp;q=buenos+aires&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=38.638819,80.859375&amp;amp;t=h&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Buenos+Aires,+Argentina&amp;amp;z=11&amp;amp;ll=-34.603723,-58.381593&amp;amp;output=embed"&gt;
&lt;/iframe&gt;

&lt;br&gt;
&lt;small&gt;
  &lt;a href="https://maps.google.com/maps?f=q&amp;amp;source=embed&amp;amp;hl=es-419&amp;amp;geocode=&amp;amp;q=buenos+aires&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=38.638819,80.859375&amp;amp;t=h&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Buenos+Aires,+Argentina&amp;amp;z=11&amp;amp;ll=-34.603723,-58.381593" style="color:#0000FF;text-align:left"&gt; See bigger map &lt;/a&gt;
&lt;/small&gt;</pre>

<h4 id="Resultat_2">Resultat</h4>

<p>{{ EmbedLiveSample('Example2', '', '', '', 'Web/HTML/Element/iframe') }}</p>

<h4 id="Resultat_3">Resultat</h4>

<p><a href="http://jsfiddle.net/pablofiumara/mCfAe/">Exemple viu</a></p>

<h2 id="Notes">Notes</h2>

<div class="note">
<p>A partir d'{{Gecko ("6.0")}}, la representació de marcs en línia respecta correctament les vores del seu element contenidor quan estan arrodonides usant {{cssxref("border-radius")}}.</p>
</div>

<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', 'referrerpolicy attribute')}}</td>
   <td>{{Spec2('Referrer Policy')}}</td>
   <td>Afegeix l'atribut <code>referrerpolicy</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-iframe-element', '&lt;iframe&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-iframe-element', '&lt;iframe&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'present/frames.html#h-16.5', '&lt;iframe&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('Screen Orientation')}}</td>
   <td>{{Spec2('Screen Orientation')}}</td>
   <td>Afegeix <code>allow-orientation-lock</code> a l'atribut <code>sandbox</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Presentation','#sandboxing-and-the-allow-presentation-keyword','allow-presentation')}}</td>
   <td>{{Spec2('Presentation')}}</td>
   <td>Afegeix <code>allow-presentation</code> a l'atribut <code>sandbox</code>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">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>{{CompatChrome(1.0)}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}[1]</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}[2]</td>
  </tr>
  <tr>
   <td><code>sandbox</code></td>
   <td>{{CompatChrome(4.0)}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("17.0")}}</td>
   <td>10</td>
   <td>15</td>
   <td>5</td>
  </tr>
  <tr>
   <td><code>srcdoc</code></td>
   <td>{{CompatChrome(20.0)}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("25.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>15</td>
   <td>6</td>
  </tr>
  <tr>
   <td><code>allowfullscreen</code></td>
   <td>{{CompatChrome(17.0)}} {{property_prefix("webkit")}}<br>
    {{CompatChrome(27.0)}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("9.0")}} {{property_prefix("moz")}}<br>
    {{CompatGeckoDesktop("18.0")}}</td>
   <td>
    <p>11 {{property_prefix("ms")}}</p>
   </td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br>
    7</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-popups"</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("28.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td>
   <td>{{CompatChrome(46.0)}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("49.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>32</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-modals"</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("49.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>referrerpolicy</code></td>
   <td>{{CompatChrome(51.0)}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("50.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-presentation"</code></td>
   <td>{{CompatChrome(53.0)}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>
    <p>{{CompatOpera(40)}}</p>
   </td>
   <td>{{CompatUnknown}}</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>
    <p>{{CompatVersionUnknown}}</p>
   </td>
   <td>{{CompatVersionUnknown}}[1]</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>
    <p>{{CompatVersionUnknown}}</p>
   </td>
  </tr>
  <tr>
   <td><code>sandbox</code></td>
   <td>2.2</td>
   <td>
    <p>{{CompatVersionUnknown}}</p>
   </td>
   <td>{{CompatGeckoMobile("17.0")}}</td>
   <td>10</td>
   <td>{{CompatNo}}</td>
   <td>4.2</td>
   <td>
    <p>{{CompatVersionUnknown}}</p>
   </td>
  </tr>
  <tr>
   <td><code>srcdoc</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("25.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>allowfullscreen</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("9.0")}} {{property_prefix("moz")}}<br>
    {{CompatGeckoMobile("18.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br>
    7</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-popups"</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("27.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatChrome(46)}}</td>
   <td>{{CompatGeckoMobile("49.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>32</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(46.0)}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-modals"</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("49.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>referrerpolicy</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatChrome(51.0)}}</td>
   <td>{{CompatGeckoMobile("50.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(51.0)}}</td>
  </tr>
  <tr>
   <td><code>sandbox="allow-presentation"</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>
    <p>{{CompatOperaMobile(40)}}</p>
   </td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(53.0)}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] La propietat CSS {{cssxref("resize")}} no té cap efecte sobre aquest element a causa del {{bug("680823")}}.</p>

<p>[2] Safari té un <a href="http://www.quirksmode.org/bugreports/archives/2005/02/hidden_iframes.html">error</a> conegut que impedeix que es carregui iframes si l'element iframe s'oculta quan s'afegeix a la pàgina. iframeElement.src = iframeElement.src ha de fer que es carregui el iframe.</p>