English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Le tag HTML <iframe> permet d'intégrer une autre page HTML dans la page actuelle. Ce tag est également connu sous le nom d'élément <iframe>.
Marquer un cadre en ligne :
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial(oldtoolbag.com)</title> </head> <body> <iframe src="//fr.oldtoolbag.com"> <p>Désolé, votre navigateur ne prend pas en charge iframe balise.</p> </iframe> </body> </html>Voyons voir ‹/›
Si le navigateur ne prend pas en charge le marqueur <iframe>, il affichera le texte "Désolé, votre navigateur ne prend pas en charge iframe" en remplacement.
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge la balise <iframe>.
<iframe> définit un cadre en ligne.
Un cadre en ligne est utilisé pour intégrer un autre document dans le document HTML actuel.
À l'intérieur du cadre, le script peut utiliser window.parent pour faire référence à la fenêtre parent.
Astuce :Vous pouvez placer le texte nécessaire entre <iframe> et </entre iframe> pour pouvoir gérer les navigateurs qui ne prennent pas en charge les iframe.
Astuce :Utilisez CSS pour définir les styles de l'<iframe> (y compris les barres de défilement).
HTML5 Des nouvelles propriétés ont été ajoutées, et certaines ont été supprimées entre HTML 4.01 certains attributs.
Dans XHTML, l'attribut name a été déprécié et sera supprimé. Utilisez l'attribut id à la place.
New :HTML5 des nouvelles propriétés ajoutées.
Attribut | Valeur | Description |
---|---|---|
align | left right top middle bottom | HTML5 Non pris en charge. HTML 4.01 Déprécié. Définir comment aligner l'<iframe> par rapport aux éléments environnants. |
frameborder | 1 0 | HTML5 Non pris en charge. Définir si une bordure doit être affichée autour de l'<iframe>. |
height | pixels | Définir la hauteur de l'<iframe>. |
longdesc | URL | HTML5 Non pris en charge. Définir une page qui contient une description plus longue de l'<iframe>. |
marginheight | pixels | HTML5 Non pris en charge. Définir les marges supérieures et inférieures de l'<iframe>. |
marginwidth | pixels | HTML5 Non pris en charge. Définir les marges latérales et latérales de l'<iframe>. |
name | name | Définir le nom de <iframe>. |
sandboxHTML5 | "" allow-forms allow-same-origin allow-scripts allow-top-navigation | Définir une série de restrictions supplémentaires pour le contenu de <iframe>. |
scrolling | yes no auto | HTML5 Non pris en charge. Définir si une barre de défilement doit être affichée dans <iframe>. |
seamlessHTML5 | seamless | Définir si <iframe> semble être une partie du document parent. |
src | URL | Définir l'URL du document affiché dans <iframe>. |
srcdocHTML5 | HTML_code | Définir le contenu HTML de la page affiché dans <iframe>. |
width | pixels | Définir la largeur de <iframe>. |
Balise <iframe> prise en charge Attributs globaux HTML.
Balise <iframe> prise en charge Attributs d'événement HTML.
Tutoriel HTML :Cadres HTML
Guide HTML DOM :Objet IFrame