Les Objets

La balise object en XHTML

Incorporer un objet dans une page XHTML sous entend que l'on introduit un fichier ou des données spécifiques externe à HTML. Cela peut être un fichier de données, une animation Flash, etc. Mais il peut s'agir aussi d'un programme exécutable, tel que par exemple des applets Java ou des contrôles ActiveX.
La balise <object>

L'élément object est utilisé pour créer un nouvel objet dans un document. C'est une balise block. Elle est supportée par la plupart des navigateurs notamment par Internet Explorer depuis la version 3 et par Netscape depuis la version 4.

On ajoute un texte entre les balises d'ouverture et de fermeture de la balise object. Ce texte sera affiché à la place de l'objet lorsque l'utilisateur n'a pas le plugin installé sur son poste. Une autre utilité de ce texte est aussi le fait qu'il sert de description pour les personnes qui sont victimes d'un handicap visuel.

L'élément object n'a pas d'attribut obligatoire mais les propriétés de base utilisées dans la balise object sont surtout border, name, width et height. L'attribut border permet d'entourer l'objet d'une bordure. La mention de l'épaisseur de la bordure se fait à l'aide de l'unité pixels.

On peut aussi donner un nom à l'objet pour rendre facile son identification. Par l'attribut width, la largeur de la zone occupée par l'objet est définie. Toujours dans la balise d'ouverture <object>, on spécifie la hauteur prise par l'objet dans la page grâce à l'attribut height.
Fichier de données

On peut insérer plusieurs types de fichier de données comme les vidéos, les fichiers svg, etc en tant qu'objets dans une page XHTML. Il faut alors spécifier à l'aide de l'attribut data la référence de l'objet. Le principe de chemin relatif et absolu, ainsi que tous les autres principes sur les URL sont valables pour le contenu de data.

Par exemple :

data="repertoire/fichier.ext "
data="../fichier.ext">
data="../ailleurs/fichier.ext"

 

Il nous est aussi possible de mentionner le type mime du fichier. Pour des fichiers de données référencés avec data, l'attribut type= permettant d'affecter le type mime du fichier en lui donnant comme valeur un type Mime valable. Dans l'exemple ci-dessous on insère une image si jamais l'objet ne peut pas être affiché. Mais comme il est indiqué plus haut, il est aussi permis de mettre un texte à la place.

<object data="fichier.svg" type="image/svg+xml" width="300" height="200">
<img src="imagepardefaut.jpg" alt="image par défaut" />
</object>

 

Intégrer une animation flash

A l'aide de la propriété object, insérer du flash dans une page web devient une chose assez facile. Comme pour les données, il y a juste à spécifier le chemin du fichier en question. La syntaxe est la suivante :

<object data="chemin du fichier" type="application/x-shockwave-flash" width="longueur"
height="largeur"> <param name="nom de la valeur" value="valeur">



Votre navigateur ne peut pas afficher du flash.Installer le pluggin associé



</object>

 

La balise <param> est une balise de type inline qui sert à passer des paramètres à l'objet qui la contient.
Intégrer un applet

Un applet Java est un programme exécutable dont les sorties écran peuvent être affichées à l'intérieur d'une fenêtre d'affichage du navigateur Web. Il peut s'agir d'une animation ou de graphiques par exemple. Après compilation, on a les noms d'applets Java en extension .class.

Source :

<object archive="archive " codetype="application/java-vm" codebase="http://www.domaine.net/applet/" classid="java:Nomdelapplet" width="longueur" height="largeur">
<param name="nom" value="valeur" />



Veuillez installer JVM !



</object>

 

L'archive correspond aux archives nécessaires à l'exécution de l'applet. Tout ce que l'on a vu jusqu'ici ne sont que des exemples d'applications. Le nombre de choix étant illimité, vous pourriez intégrer pas mal de choses dans votre page web à l'aide de cette balise object. Pensez par exemple à insérer des objets de cartographie.

A propos de l'auteur

Nicolas Galle

Nicolas Galle est développeur web sénior pour l'agence SEO Aseox.