Derniers tutoriels de développement web
 

HTML <iframe> Tag


Exemple

Un cadre en ligne est marquée comme suit:

<iframe src="http://www.w3ii.com"></iframe>
Essayez - le vous - même »

Définition et utilisation

Le <iframe> balise spécifie un cadre en ligne.

Un cadre en ligne est utilisé pour incorporer un autre document dans le document HTML courant.


support du navigateur

Élément
<iframe> Oui Oui Oui Oui Oui

Trucs et astuces

Astuce: Pour traiter les navigateurs qui ne prennent pas en charge <iframe> , ajouter un texte entre l'ouverture <iframe> tag et la fermeture </iframe> tag.

Astuce: Utilisez les CSS pour le style <iframe> (même pour inclure les barres de défilement).


Différences entre HTML 4.01 et HTML5

HTML5 a ajouté quelques nouveaux attributs, et plusieurs HTML 4.01 attributs sont retirés de HTML5.


Différences entre HTML et XHTML

En XHTML, le name de l' attribut est obsolète, et sera supprimée. Utilisez l' attribut global id place.


Les attributs

= Nouveau en HTML5.

Attribut Valeur La description
align left
right
top
middle
bottom
Non pris en charge en HTML5.
Indique l'alignement d'un <iframe> selon les éléments environnants
frameborder 1
0
Non pris en charge en HTML5.
Indique si oui ou non pour afficher une bordure autour d' un <iframe>
height pixels Indique la hauteur d'un <iframe>
longdesc URL Non pris en charge en HTML5.
Indique une page qui contient une longue description du contenu d'un <iframe>
marginheight pixels Non pris en charge en HTML5.
Indique les marges supérieure et inférieure de la teneur d'un <iframe>
marginwidth pixels Non pris en charge en HTML5.
Indique les marges gauche et droite du contenu d'un <iframe>
name text Indique le nom d'un <iframe>
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
Permet un jeu supplémentaire de restrictions pour le contenu dans un <iframe>
scrolling yes
no
auto
Non pris en charge en HTML5.
Indique si oui ou non pour afficher les barres de défilement dans un <iframe>
src URL Indique l'adresse du document à intégrer dans le <iframe>
srcdoc HTML_code Indique le contenu HTML de la page à afficher dans le <iframe>
width pixels Indique la largeur d'un <iframe>

Attributs globaux

Le <iframe> tag soutient également le attributs globaux en HTML .


Attributs de l'événement

Le <iframe> tag soutient également l' événement Attributs en HTML .


Pages associées

Didacticiel HTML: HTML Iframe

Référence DOM HTML: IFrame Object


Paramètres par défaut de CSS

La plupart des navigateurs affichent le <iframe> élément avec les valeurs par défaut suivantes:

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}