English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de référence HTML

Tous les tags HTML

HTML: <iframe> balise

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>.

Exemple en ligne

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.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge la balise <iframe>.

Définition et instructions d'utilisation des balises

<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.

Avis et conseils

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).

HTML 4.01 et HTML5différences

HTML5 Des nouvelles propriétés ont été ajoutées, et certaines ont été supprimées entre HTML 4.01 certains attributs.

Les différences entre HTML et XHTML

Dans XHTML, l'attribut name a été déprécié et sera supprimé. Utilisez l'attribut id à la place.

Attribut

New :HTML5 des nouvelles propriétés ajoutées.

AttributValeurDescription
alignleft
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.
frameborder1
 0
HTML5 Non pris en charge. Définir si une bordure doit être affichée autour de l'<iframe>.
heightpixelsDéfinir la hauteur de l'<iframe>.
longdescURLHTML5 Non pris en charge. Définir une page qui contient une description plus longue de l'<iframe>.
marginheightpixelsHTML5 Non pris en charge. Définir les marges supérieures et inférieures de l'<iframe>.
marginwidthpixelsHTML5 Non pris en charge. Définir les marges latérales et latérales de l'<iframe>.
namenameDé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>.
scrollingyes
 no
 auto
HTML5 Non pris en charge. Définir si une barre de défilement doit être affichée dans <iframe>.
seamlessHTML5seamlessDéfinir si <iframe> semble être une partie du document parent.
srcURLDéfinir l'URL du document affiché dans <iframe>.
srcdocHTML5HTML_codeDéfinir le contenu HTML de la page affiché dans <iframe>.
widthpixelsDéfinir la largeur de <iframe>.

Attributs globaux

Balise <iframe> prise en charge Attributs globaux HTML.

Attributs d'événement

Balise <iframe> prise en charge Attributs d'événement HTML.

Articles associés

Tutoriel HTML :Cadres HTML

Guide HTML DOM :Objet IFrame