<object>

  • Raccourci de la révision : Web/HTML/Element/object
  • Titre de la révision : <object>
  • ID de la révision : 411657
  • Créé :
  • Créateur : SphinxKnight
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <object> (pour Embedded Object) représente une ressource externe qui peut être interprétée comme une image, un contexte de navigation imbriqué ou une ressource à traiter comme un plug-in.

Attributs

Cet élément inclue les attributs globaux.

{{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
Une liste d'URIs séparés par des espaces, pointant vers des archives de resources pour l'objet.
{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}
La largeur de la bordure autour de l'objet, exprimée en pixels.
{{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
L'URI de l'implémentation de l'objet. Cet attribut peut être utilisé avec (ou en remplacement de) l'attribut data.
{{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
Le chemin absolu de base servant à résoudre les URIs relatifs spécifiés par classid, data, ou archive. S'il n'est pas renseigné, l'URI de base considéré sera celui du document.
{{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
Le type de contenu des données spécifiés par classid.
{{htmlattrdef("data")}}
L'adresse de la ressource, une URL valide. Au moins un attribut data et un attribut type doivent être définis.
{{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
Si cet attribut booléen est présent, l'élément sera seulement une déclaration. L'objet devra donc être instancié par un élément  <object> dans la suite du document. En HTML5, il faut répéter l'élément <object> complètement chaque fois que la ressource est ré-utilisée.
{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}
L'élément de formulaire éventuel auquel l'élément est associé. La valeur de cet attribut doit être l'identifiant d'un élément  {{HTMLElement("form")}} du même document.
{{htmlattrdef("height")}}
La hauteur de la ressource à afficher, exprimée en pixels CSS.
{{htmlattrdef("name")}}
Le nom du contexte de navigation valide (HTML5) ou du contrôle associé à l'élément (HTML 4).
{{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
Un message que le navigateur peut afficher pendant le chargement de l'implémentation et des données liées à l'objet.
{{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
La position de l'élément dans la navigation par onglets au sein de l'élément courant.
{{htmlattrdef("type")}}
Le type MIME de la ressource définie par  data. Au moins un attribut data et un attribut type doivent être définis.
{{htmlattrdef("usemap")}}
Une référence à l'élément {{HTMLElement("map")}}. La valeur de cet attribut doit être un '#' suivi de la valeur d'un attribut {{htmlattrxref("name", "map")}} d'un élément map.
{{htmlattrdef("width")}}
La largeur de la ressource à afficher, exprimée en pixels CSS.

Exemples

<!-- Intégrer une animation Flash -->
<object data="animation.swf" type="application/x-shockwave-flash"></object>

<!-- Intégrer une animation Flash avec des paramètres -->
<object data="animation.swf" type="application/x-shockwave-flash">
  <param name="truc" value="toto">
</object> 

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-object-element', '<object>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-object-element.html#the-object-element', '<object>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'objects.html#h-13.3', '<object>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

Voir aussi

  • {{HTMLElement("param")}}

Source de la révision

<h2 id="Summary">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;object&gt;</code> </strong>(pour<em> Embedded Object</em>) représente une ressource externe qui peut être interprétée comme une image, un contexte de navigation imbriqué ou une ressource à traiter comme un plug-in.</p>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/HTML/Catégorie_de_contenu" title="fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_de_flux" title="HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>, <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="HTML/Catégorie_de_contenu#Contenu_phrasé">contenu phrasé</a>, <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_int.C3.A9gr.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_int.C3.A9gr.C3.A9">contenu intégré</a>, contenu palpable. Si l'élément a un attribut <strong>usemap</strong> il fait aussi partie de la catégorie de <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_interactif" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_interactif">contenu interactif</a>, <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_associ.C3.A9_aux_formulaires" title="Cat%C3%A9gorie_de_contenu#Contenu_associ.C3.A9_aux_formulaires">contenu listé pour les formulaires (<em>listed</em>), contenu pouvant être envoyé par un formulaire (<em>submittable</em>) </a>.</li>
  <li><dfn>Contenu autorisé </dfn>Zéro ou plusieurs éléments {{HTMLElement("param")}} suivis par du&nbsp; <a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Mod.C3.A8le_de_contenu_transparent" title="HTML/Content categories#Transparent content models">contenu transparent.</a></li>
  <li><dfn>Omission de balise </dfn>{{no_tag_omission}}</li>
  <li><dfn>Éléments parent autorisés </dfn> Tout élément acceptant du contenu intégré.</li>
  <li><dfn>Interface DOM </dfn> {{domxref("HTMLObjectElement")}}</li>
</ul>
<h2 id="Attributes">Attributs</h2>
<p><span style="line-height: 21px;">Cet élément inclue les </span><a href="/fr/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Attributs_globaux">attributs globaux</a><span style="line-height: 21px;">.</span></p>
<dl>
  <dt>
    {{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Une liste d'URIs séparés par des espaces, pointant vers des archives de resources pour l'objet.</dd>
  <dt>
    {{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    La largeur de la bordure autour de l'objet, exprimée en pixels.</dd>
  <dt>
    {{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    L'URI de l'implémentation de l'objet. Cet attribut peut être utilisé avec (ou en remplacement de) l'attribut <strong>data</strong>.</dd>
  <dt>
    {{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Le chemin absolu de base servant à résoudre les URIs relatifs spécifiés par <strong>classid</strong>, <strong>data</strong>, ou <strong>archive</strong>. S'il n'est pas renseigné, l'URI de base considéré sera celui du document.</dd>
  <dt>
    {{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Le type de contenu des données spécifiés par <strong>classid</strong>.</dd>
  <dt>
    {{htmlattrdef("data")}}</dt>
  <dd>
    L'adresse de la ressource, une URL valide. Au moins un attribut <strong>data</strong> et un attribut <strong>type</strong> doivent être définis.</dd>
  <dt>
    {{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Si cet attribut booléen est présent, l'élément sera seulement une déclaration. L'objet devra donc être instancié par un élément&nbsp; <code>&lt;object&gt;</code> dans la suite du document. En HTML5, il faut répéter l'élément &lt;object&gt; complètement chaque fois que la ressource est ré-utilisée.</dd>
  <dt>
    {{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
  <dd>
    L'élément de formulaire éventuel auquel l'élément est associé. La valeur de cet attribut doit être l'identifiant d'un élément&nbsp; {{HTMLElement("form")}} du même document.</dd>
  <dt>
    {{htmlattrdef("height")}}</dt>
  <dd>
    La hauteur de la ressource à afficher, exprimée en pixels CSS.</dd>
  <dt>
    {{htmlattrdef("name")}}</dt>
  <dd>
    Le nom du contexte de navigation valide (HTML5) ou du contrôle associé à l'élément (HTML 4).</dd>
  <dt>
    {{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Un message que le navigateur peut afficher pendant le chargement de l'implémentation et des données liées à l'objet.</dd>
  <dt>
    {{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    La position de l'élément dans la navigation par onglets au sein de l'élément courant.</dd>
  <dt>
    {{htmlattrdef("type")}}</dt>
  <dd>
    Le type MIME de la ressource définie par&nbsp; <strong>data</strong>. Au moins un attribut <strong>data</strong> et un attribut <strong>type</strong> doivent être définis.</dd>
  <dt>
    {{htmlattrdef("usemap")}}</dt>
  <dd>
    Une référence à l'élément {{HTMLElement("map")}}. La valeur de cet attribut doit être un '#' suivi de la valeur d'un attribut {{htmlattrxref("name", "map")}} d'un élément map.</dd>
  <dt>
    {{htmlattrdef("width")}}</dt>
  <dd>
    La largeur de la ressource à afficher, exprimée en pixels CSS.</dd>
</dl>
<h2 id="Examples">Exemples</h2>
<pre class="brush: html">
&lt;!-- Intégrer une animation Flash --&gt;
&lt;object data="animation.swf" type="application/x-shockwave-flash"&gt;&lt;/object&gt;

&lt;!-- Intégrer une animation Flash avec des paramètres --&gt;
&lt;object data="animation.swf" type="application/x-shockwave-flash"&gt;
  &lt;param name="truc" value="toto"&gt;
&lt;/object&gt; 
</pre>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-object-element', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-object-element.html#the-object-element', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'objects.html#h-13.3', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also">Voir aussi</h2>
<ul>
  <li>{{HTMLElement("param")}}</li>
</ul>
Revenir à cette révision