Son interet
Ils sont multiples, cet attribut HTML peut permettre d'offrir aux visiteurs de votre site la possibilité de consulter du contenu externe sans avoir à quitter votre page web.
En résumé, c'est un peu un site web dans un site web.
Pour etre plus parlant, supposons que je vous écrive un article dans des termes hautement scientifique décrivant le "principe de révélation de présence d'air, par le Baryum, dans les capteurs solaires thermique à tube sous vide".
Votre première interrogation (outre la remarque du type "qu'est ce qui raconte, moi je veux des codes sources") sera surement : "Du Baryum, kesako ?".
Et là, sur la page de Mon site, vous disposer d'un outil, installé grace à une fenetre <iframe>,
vous permettant d'avoir une définition sur les termes utilisés.
Voici l'outil (que vous connaissez tous) dans lequel vous pourrez chercher la définition du Baryum, essayez :
Ceci est un exemple avec le site www.wikipedia.org et peut etre utilisé avec la majorité des sites web.
Integration dans votre page web
Le code d'integration de ce type de fenetre est très simple, il vous suffit d'ajouter ce petit bout d'HTML à l'emplacement voulu
<body>
...
<iframe src="url du site web voulu"></iframe>
...
</body>
Personnalisation de la fenetre <iframe>
Rien de bien compliqué non plus, cette balise accepte la majorité des attributs HTML classiques.
Voici la liste des attributs de personnalisation que vous pourrez utiliser :
| scr | Spécifie l'adresse web (url) du site ou page du site à intégrer dans le <iframe> |
| scrdoc | Spécifie le contenu HTML à afficher dans le <iframe> |
| align | Spécifie l'alignement du <iframe> en fonction des élément environnants |
| frameborder | Spécifie s'il faut ou non afficher des bordures autour du <iframe> (valeur 1 ou 0) |
| width | Spécifie la largeur du <iframe> |
| height | Spécifie la hauteur du <iframe> |
| marginwidth | Spécifie les marges gauche et droite du <iframe> |
| marginheight | Spécifie les marges haut et bas du <iframe> |
| longdesc | Spécifie une page contenant une longue description du contenu du <iframe> |
| name | Spécifie le nom du <iframe> |
| sandbox | Spécifie un ensemble de restrictions supplémentaires pour le contenu du <iframe> |
| scrolling | Spécifie s'il faut ou non afficher les barres de défilement du <iframe> (valeur 1 ou 0) |
Pour y intégrer ces attributs, il vous suffira de les coder de la manière suivante
<!-- Ceci est le code de la fenetre <iframe> intégrée à cette page -->
<body>
...
<iframe src="http://www.wikipedia.org" width="890px" height="500px" frameborder="1"></iframe>
...
</body>
Pour finir
Fait un bon usage de cette balise pouvant s'avérer très pratique dans certains cas.