lundi 29 août 2011

IFRAME vs OBJECT

Il peut être bon de remplacer les <IFRAME> par des <OBJECT> pour améliorer le référencement. En effet, les robots on la réputation de mal se débrouiller avec les FRAMES et de "bloquer" quand ils en trouvent...

J'ai commencé à le faire, mais je dois reconnaître que les OBJECT sont moins faciles et moins souples que les IFRAMES.

Voici quelques exemples pêle-mêle...

ALTERNATIVE IFRAME vs OBJECT avec TEXTE

Voir aussi http://www.w3schools.com/tags/tag_object.asp

<object data="http://meteo-weather-2.blogspot.com/" height="500" type="text/html" width="100%">alt : <a href="http://meteo-weather-2.blogspot.com/">test.html</a></object>

<object data="http://meteo-weather-2.blogspot.com/" type="text/html" width="300" height="200">


Vous pouver spécifier des paramètres relatifs au document par l'intermédiaire de la balise param. IE a parfois besoin du paramètre src pour localiser correctement la source.

Incorporer un document wav

<object type="audio/x-wav" data="data/test.wav" width="200" height="20">
<param name="src" value="data/test.wav">
<param name="autoplay" value="false">
<param name="autoStart" value="0">
alt : <a href="data/test.wav">test.wav</a>
</object>


Le paramètre autoplay est compréhensible par QuickTime, autoStart par Windows Media Player et Real Audio.
note : IE rajoute une scrollbar verticale disgracieuse lors de l'insertion d'un object html, même si ce n'est pas nécessaire. Elle peut être supprimée en insérant le style css suivant dans le document HTML contenu :
html { overflow:auto; }

De même, pour supprimer la bordure "en creux", on peut rajouter dans le document contenu la css : 
html { border: none; }

LAYER décalé (couche) avec un DIV et un OBJECT

<div name="essai" style="position: absolute; top: -50px; left: -50px; visibility : visible;z-index : 1;"><p><object data="http://www.ssd.noaa.gov/goes/east/tatl/flash-avn.html" height="610" type="text/html" width="1000"></object></p></div>

Autre (Exemple de page; pas encore essayé)

<html>
<head><title>Ma page locale</title>
<style type="text/css">
<!-- .scroll {
height: 500px;
width: 400px;
overflow: scroll;
} -->
</style>
</head>
<body>
<center><h2>Titre H2(G2) local</h2></center>
<p>Du texte local</p>
<div class="scroll"><? include ("http://www.site.ailleurs.fr"); ?></div>
<div>Re du texte ou quoi que ce soit</div>
</body>
</htm>

Aucun commentaire:

Enregistrer un commentaire