HTML <object> Tag
Exemple
Une image intégrée :
<object data="pic_trulli.jpg" width="300" height="200"></object> Exemple
Une page HTML intégrée :
<object data="snippet.html" width="500" height="200"></object> Exemple
Une vidéo intégrée :
<object data="video.mp4" width="400" height="300"></object> Définition et Utilisation
La <object> définit un conteneur pour une ressource externe.
Cette ressource externe peut être une page web, une image, un lecteur multimédia ou une application plug-in.
Pour intégrer une image, il est préférable d'utiliser la <img> .
Pour intégrer du HTML, il est préférable d'utiliser la <iframe> .
Pour intégrer une vidéo ou un audio, il est préférable d'utiliser les <video> et <audio> .
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <object> | Oui | Oui | Oui | Oui | Oui |
Plug-ins
La <object> a été initialement conçue pour intégrer des plug-ins de navigateur.
Les plug-ins sont des programmes informatiques qui étendent la fonctionnalité standard du navigateur.
Ils ont été utilisés pour de nombreux objectifs différents :
- Exécuter des applets Java
- Exécuter des contrôles ActiveX
- Afficher des films Flash
- Afficher des cartes
- Scanner à la recherche de virus
- Vérifier un identifiant bancaire
Avertissement !
La plupart des navigateurs ne prennent plus en charge les applets Java et les plug-ins.
Les contrôles ActiveX ne sont plus pris en charge dans aucun navigateur.
Le support de Shockwave Flash a également été désactivé dans les navigateurs modernes.
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| data | URL | Spécifie l'URL de la ressource à utiliser par l'objet |
| form | form_id | Spécifie à quel formulaire l'objet appartient |
| height | pixels | Spécifie la hauteur de l'objet |
| name | name | Spécifie un nom pour l'objet |
| type | media_type | Spécifie le type de média des données spécifiées dans l'attribut data |
| typemustmatch | true/false | Spécifie si l'attribut type et le contenu réel de la ressource doivent correspondre pour être affichés |
| usemap | #mapname | Spécifie le nom d'une carte d'image côté client à utiliser avec l'objet |
| width | pixels | Spécifie la largeur de l'objet |
Attributs Globaux
La <object> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La <object> prend également en charge les Attributs d'Événement en HTML .
Pages Associées
Tutoriel HTML : Élément HTML Object
Référence DOM HTML : Objet Object
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <object> avec les valeurs par défaut suivantes :
object:focus {
outline: none;
}