<object>

Description

L’élément <object> représente une ressource externe dont le type détermine le mode d’interprétation. Son avantage sur <embed> est la possibilité de fournir un contenu de repli entre les balises, affiché si la ressource ne peut pas être chargée ou interprétée.

Syntaxe

<object data="document.pdf" type="application/pdf" width="800" height="600">
  <p>Votre navigateur ne peut pas afficher ce PDF.
     <a href="document.pdf">Télécharger le PDF</a>.</p>
</object>

Exemples

SVG avec repli image :

<object data="logo.svg" type="image/svg+xml" width="200" height="100">
  <img src="logo.png" alt="Logo de l'entreprise">
</object>

PDF avec lien de téléchargement :

<object
  data="/documents/rapport.pdf"
  type="application/pdf"
  width="100%"
  height="600"
  title="Rapport annuel"
>
  <p>Impossible d'afficher le PDF. <a href="/documents/rapport.pdf">Télécharger le rapport</a>.</p>
</object>

Attributs spécifiques

Attribut	Type	Description
data	URL	URL de la ressource à intégrer.
type	MIME	Type MIME de la ressource.
width	integer	Largeur en pixels.
height	integer	Hauteur en pixels.
name	string	Nom de l’objet (cible pour formulaires ou liens).
form	string	ID du formulaire associé.

Notes

Contenu de repli : le contenu entre <object> et </object> est affiché uniquement si la ressource ne peut pas être rendue. C’est l’avantage principal sur <embed>.

Usage moderne rare : <object> est moins utilisé depuis la disparition des plugins navigateurs. Pour les SVG, préférer <img> ou inline <svg> ; pour les PDFs, <iframe> ; pour les vidéos, <video>.