L'élément HTML <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 plugin.

Catégories de contenu Contenu de flux, contenu phrasé, contenu intégré, contenu tangible. Si l'élément a un attribut usemap il fait aussi partie de la catégorie de contenu interactif, contenu listé pour les formulaires (listed), contenu pouvant être envoyé par un formulaire (submittable).
Contenu autorisé Zéro ou plusieurs éléments <param> suivis par du  contenu transparent.
Omission de balise Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu intégré.
Rôles ARIA autorisés application, document, image
Interface DOM HTMLObjectElement

Attributs

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

data
L'adresse de la ressource, une URL valide. Au moins un attribut data et un attribut type doivent être définis.
form HTML5
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  <form> du même document.
height
La hauteur de la ressource à afficher, exprimée en pixels CSS (uniquement en valeur absolue).
name
Le nom du contexte de navigation valide (HTML5) ou du contrôle associé à l'élément (HTML 4).
type
Le type MIME de la ressource définie par  data. Au moins un attribut data et un attribut type doivent être définis.
typemustmatch HTML5
Cet attribut booléen indique si l'attribut type doit correspondre au type MIME de la ressource afin que celle-ci puisse être utilisée.
usemap
Une référence à l'élément <map>. La valeur de cet attribut doit être un '#' suivi de la valeur d'un attribut name d'un élément <map>.
width
La largeur de la ressource à afficher, exprimée en pixels CSS (uniquement en valeur absolue).

Attributs obsolètes

archive HTML 4 seulement ; Obsolète depuis HTML5
Une liste d'URIs séparés par des espaces, pointant vers des archives de resources pour l'objet.
border Obsolète depuis HTML4.01; Obsolète depuis HTML5
La largeur de la bordure autour de l'objet, exprimée en pixels.
classid HTML 4 seulement ; Obsolète depuis HTML5
L'URI de l'implémentation de l'objet. Cet attribut peut être utilisé avec (ou en remplacement de) l'attribut data.
codebase HTML 4 seulement ; Obsolète depuis 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.
codetype HTML 4 seulement ; Obsolète depuis HTML5
Le type de contenu des données spécifiés par classid.
declare HTML 4 seulement ; Obsolète depuis 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.
standby HTML 4 seulement ; Obsolète depuis HTML5
Un message que le navigateur peut afficher pendant le chargement de l'implémentation et des données liées à l'objet.
tabindex HTML 4 seulement ; Obsolète depuis HTML5
La position de l'élément dans la navigation par onglets au sein de l'élément courant.

Exemples

HTML

<object data="https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf" type="application/pdf"
        width="500" height="500" typemustmatch>
  <p>Vous n'avez pas de plugin PDF mais vous pouvez <a href="https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf">télécharger le fichier.</a></p>
</object>

<!-- Un exemple avec Flash -->
<!-- 
<object data="animation.swf" type="application/x-shockwave-flash">
  <param name="param11" value="valeurConf">
</object>
-->

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<object>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<object>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<object>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
archive
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
border
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
classid
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
codebase
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
codetype
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
dataChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
declare
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
formChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
heightChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
nameChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
standby
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
tabindex
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
typeChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
typemustmatchChrome ? Edge Aucun support NonFirefox Support complet 27IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile Aucun support NonFirefox Android Support complet 27Opera Android ? Safari iOS ? Samsung Internet Android ?
usemapChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
widthChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, marie-ototoi, tregagnon
Dernière mise à jour par : SphinxKnight,