Balise HTML <object>
La balise <object> spécifie un objet intégré dans un document HTML. Elle est généralement utilisée pour intégrer des multimédias (audio, vidéo, applets Java, applications Flash, etc.) ou un autre document HTML dans la page web.
Vous pouvez inclure un contenu de repli à l'intérieur de la balise <object> qui sera affiché si le navigateur ne prend pas en charge la balise ou si la ressource ne parvient pas à se charger.
Vous pouvez utiliser la balise <param> pour transmettre des paramètres aux plugins intégrés à l'aide de la balise <object>.
Pour les images, la balise <img> est généralement préférée. Lors de l'utilisation de <object>, vous devez définir au moins l'un des attributs type ou data.
Syntaxe
La balise <object> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<object>) et de fermeture (</object>). La balise <object> est utilisée comme élément enfant de <body>.
L'attribut data est obligatoire pour spécifier l'URL de la ressource. L'attribut type est facultatif mais recommandé pour spécifier le type MIME afin d'assurer un traitement correct.
Exemple de la balise HTML <object> :
Exemple de balise HTML <object>
<!DOCTYPE html>
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>Embedded video with fallback content:</p>
<object width="320" height="240" data="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4" type="video/mp4">
<p>Your browser does not support the object tag. <a href="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4">Download the video</a> instead.</p>
</object>
</body>
</html>Attributs
| Attribute | Value | Description |
|---|---|---|
| align | top bottom middle left right | Spécifie l'alignement du contenu à l'intérieur de l'élément par rapport aux éléments environnants. Non pris en charge dans HTML5. |
| archive | URL | Définit une liste d'URL séparées par des espaces vers des archives contenant des ressources pertinentes pour l'objet. Non pris en charge dans HTML5. |
| border | pixels | Définit la largeur de la bordure autour de l'élément. Non pris en charge dans HTML5. |
| classid | URL | Définit l'URL de l'implémentation de l'objet. Il peut être utilisé avec ou à la place de l'attribut data. Non pris en charge dans HTML5. |
| codebase | URL | Définit le chemin utilisé pour résoudre les URIs relatifs spécifiés par classid, data ou archive. Par défaut, il s'agit de l'URI de base du document actuel. Non pris en charge dans HTML5. |
| codetype | media_type | Définit le type de média du code référencé par l'attribut classid. Non pris en charge dans HTML5. |
| data | URL | Définit l'URL de la ressource qui sera utilisée par l'objet. Obligatoire. |
| declare | declare | Spécifie que l'objet doit uniquement être déclaré, et non instancié. Non pris en charge dans HTML5. |
| form | form_id | Spécifie un ou plusieurs formulaires auxquels l'élément appartient. |
| height | pixels | Spécifie la hauteur de l'objet. |
| hspace | pixels | Spécifie l'espace blanc sur les côtés gauche et droit de l'objet. Non pris en charge dans HTML5. |
| name | name | Spécifie un nom pour l'objet. |
| standby | text | Spécifie un texte à afficher pendant le chargement de l'objet. Non pris en charge dans HTML5. |
| tabindex | number | Définit la position de l'élément dans l'ordre de navigation par tabulation pour le document actuel. |
| type | media_type | Spécifie le type de média des données spécifiées dans l'attribut data. Facultatif mais recommandé. |
| usemap | #mapname | Spécifie le nom d'une carte image côté client à utiliser avec l'objet (une référence de nom de hachage à l'élément <map>). |
| vspace | pixels | Définit l'espace blanc en haut et en bas de l'objet. Non pris en charge dans HTML5. |
| width | pixels | Définit la largeur de l'objet. |
La balise <object> prend également en charge les Attributs globaux et les Attributs d'événement.
Remarque : Les attributs tels que align, border, hspace et vspace sont obsolètes. Utilisez CSS pour la mise en page et le style dans le développement moderne.
Pratique
Lequel des attributs suivants peut être utilisé avec la balise HTML <object> ?