Alors voilà, longtemps le contenu Flash a été difficile à
intégrer en html si l'on voulait rester respectueux des normes définies par le W3C. Mais depuis quelques temps déjà est disponible sur GoogleCode la classe javascript SWFObject, qui permet l'intégration des swf de façon harmonieuse, même en XHTML strict. De plus, cerise sur le gâteau, votre page devient
ainsi parfaitement référençable, un contenu alternatif étant insérable dans le code html! Si votre swf gère du contenu dynamique, un petit script PHP suffira pour refléter à la volée le contenu
du swf. Vous connaissiez des web-devs qui snobaient le Flash pour ces histoires de référencement? Eh bien, voilà de quoi les moucher vite fait bien fait, avec ce code dont l'élégance ne le
dispute qu'à l'efficacité!
Le code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>votre titre ici</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript">
//swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
</script>
</head>
<body>
<div>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600">
<param name="movie" value="votreMerveilleuxFlash.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="votreMerveilleuxFlash.swf" width="800" height="600">
<!--<![endif]-->
<p>Votre exellent contenu alternatif, qui sera lu par les bots de recherche!</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
La classe javascript est disponible ici: SWFObject. Dans le code ci-dessus, cette classe javascript est dans
un sous-dossier swfobject, mais libre à vous d'organiser vos fichiers à votre guise! Vérifiez la validité de votre page sur le site du W3C, avec leur validateur online: Validateur. Voilà!
Allez, c'est fini pour aujourd'hui!
Derniers Commentaires