Les balises d'insertion

Fulgence veut à tout prix insérer sa photo. Mais pour cela, le XHTML offre 2 possibilités...l'ancienne ( ou traditionnelles) et la nouvelle que personne n'utilise.

Flash back...and forth

Il faut savoir qu'au départ le HTML ne transférer que du texte et uniquement du texte. Alors comme s'était assez rébarbatif, après plusieurs tentatives une balise spécifique pour intéger une image dans le XHTML a été mis en place , la balise <img /> que nous verrons plus tard.
Mais si concensus il y a eu pour les images, il n'y a jamais eu de consensus pour autre chose à l'époque du HTML, c'est pourquoi le son n'a jamais eu de balise du type <sound /> - C'est pas tout à fait vrai ce que je raconte, je pense que pour Internet explorer cette balise a existé, si ma mémoire est bonne ;) -.

Pour remédier à ce problème le XHTML a introduit une nouvelle balise, pas si nouvelle que ça d'ailleurs puisqu'il s'agit de la balise <object> anciennement réservée uniquement pour les contrôles ActiveX de Microsoft.
Bref à termes dans les prochaines versions du XHTML, la balise <img /> disparaitra au profit de la balise <object> mais cela est sujet à controverse...

et maintenant...

En attendant cette petite révolution (la disparition de <img />) voici comment insérer des objets dans XHTML.

<img />

définition

Cette balise est l'une des plus anciennes et bien qu'assez populaire, elle est vouhait à disparaître dans les versions futures du XHTML. Son but est de permettre l'insertion d'image dans une page XHTML. pour ce faire elle utilise les attributs src et alt pour respectivement indiquer la source de l'image et une description sommaire de celle-ci.

src :

Cette attribut prend la valeur de la resource recherchée. Cette valeur peut être un lien relatif, un lien absolue ou un lien universel ( voir les balises de référencement ) vers une ressource de type image.

Pour le moment les types de fichiers images les plus répandues sont le GIF, le JPEG, le PNG et le SVG (bien que nullement supporté en natif dans la plupart des navigateurs excepté Opera 8.0 ).

alt :

alt permet de décrire de manière succinte le fichier image. Il est recommandé de toujours l'utilisée pour permettre aux navigateurs incapable d'affichier votre image d'afficher un texte alternatif.

exemples

<img src="/images/toto.png" alt="Toto à la plage" />

La balise <img /> n'accepte pas de contenu donc elle ne possède pas de balise de fermeture.
Comme je vous l'ai dit, malgré sa popularité cette balise disparaîtra avec la prochaine mouture du XHTML et sera remplacé par la balise <object>.

<object> et <param />

les balises <object> et <param /> ont été introduites par Microsoft pour insérer les contrôles ActiveX dans une page HTML. Mais depuis le HTML 4.0, leur rôle s'est accru est maintenant elles permettent d'insérer virtuellement tout objet dans le XHTML, même les images, bien que pour des raisons de rendu, dans les navigateurs actuelles, il est plutôt déconseillé de l'utiliser pour cela.

Si <param /> n'accepte que 2 attributs name et value qui permettent de paramétrer la valeur de name avec la valeur de value. Ce n'est pas le cas de <object>.
<object> peut contenir des attributs qui diffèrent en fonction de l'objet multimédia qu'il voudra insérer dans la page XHTML. Quoiqu'il en soit l'écriture d'object est la suivante pour l'insertion par exemple d'un applet java :

<object codetype="application/octet-stream" classid="java:Bubbles.class">
<param name="width" value="500" />
<param name="height" value="500" />
exemple d'insertion d'un applet java avec les balises <object> et <param />
</object>

Comme vous pouvez le constater à la différence de <img />, <object> permet l'insertion de contenu au cas où l'affichage de l'objet attendu ne se fait pas.
La balise <object> est surtout utilisé pour l'insertion de média comme Flash, Shockwave, Quicktime etc...

La photo de Fulgence

Voila, c'est fait, fulgence à sa photo. Au prix de multiples sacrifices, j'ai abdiqué et fournit aux internautes agard, la photo de Fulgence, que les Serveurs Web me pardonnent, que les ISP ne pleurent pas, j'ai essayé de l'arréter, sans succès. Et dire que maintenant Fulgence ne s'arrête pas là et qu'il veut son formulaire. Que vais-je bien pouvoir inventer....mais ça c'est une autre histoire.