Balise HTML iframe
La balise html iframe
La balise html "iframe" (include frame, soit cadre inclue) permet d'intégrer un cadre (un frame) dans une page web.
Ci-dessous le code html à copier/coller dans le body de la page dans laquelle vous voulez faire apparaitre ce cadre :
<iframe src="news.htm" id="datamain" name="datamain" width="116" height="199" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
La technique html des "iframe" permet de faire apparaitre n'importe quelle page ou site Internet dans un cadre.
Définition des attributs de la balise iframe :
• "src" (source) indique quel contenu doit apparaitre dans le cadre ("news.htm").
• "id" et "name" permettent de relier le cadre avec son contenu.
• "marginwidth" et "marginheight" définissent la distance entre le cadre et la page.
• "frameborder" indique que le cadre n'a pas de bordure (=0 ou 1).
• "scrolling" indique que ce cadre n'a pas d'ascenceur visible (=no ou yes).
Attention, nouveaux attributs "sandbox" et "seamless" pour la balise iframe en HTML 5
Script JavaScript anti-iFrame :
Ci-dessous le code html à copier/coller dans le body de la page dans laquelle vous voulez faire apparaitre ce cadre :
<iframe src="news.htm" id="datamain" name="datamain" width="116" height="199" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
La technique html des "iframe" permet de faire apparaitre n'importe quelle page ou site Internet dans un cadre.
Définition des attributs de la balise iframe :
• "src" (source) indique quel contenu doit apparaitre dans le cadre ("news.htm").
• "id" et "name" permettent de relier le cadre avec son contenu.
• "marginwidth" et "marginheight" définissent la distance entre le cadre et la page.
• "frameborder" indique que le cadre n'a pas de bordure (=0 ou 1).
• "scrolling" indique que ce cadre n'a pas d'ascenceur visible (=no ou yes).
Attention, nouveaux attributs "sandbox" et "seamless" pour la balise iframe en HTML 5
Script JavaScript anti-iFrame :
<script type='text/javascript'>
if (top != self) {
top.location.href = location.href;
}
</script>
if (top != self) {
top.location.href = location.href;
}
</script>