HTML - Balise <iframe>
La description
La balise HTML <iframe> est utilisée pour créer un cadre en ligne.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>HTML iframe Tag</title>
</head>
<body>
<iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe>
</body>
</html>
Cela produira le résultat suivant -
Attributs globaux
Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML
Attributs spécifiques
La balise HTML <iframe> prend également en charge les attributs supplémentaires suivants -
Attribut | Valeur | La description |
---|---|---|
aligner | gauche droite haut milieu bas |
Spécifie comment aligner l'iframe en fonction du texte environnant. |
bordure de cadre | 1 0 |
Spécifie s'il faut ou non afficher la bordure autour du cadre. |
la taille | pixels | Spécifie la hauteur du cadre en ligne. |
longdesc | URL | Une URL vers une longue description du contenu du cadre. |
marginheight | pixels | Vous permet de spécifier la largeur de l'espace entre la gauche et la droite des bordures du cadre et le contenu du cadre. La valeur est donnée en pixels. Par exemple marginwidth = "10". |
marginwidth | pixels | Spécifie la marge, en pixels, entre le contenu du cadre et ses marges gauche et droite. |
Nom | texte | Nom du cadre |
bac à sable | "" allow-forms allow-same-origin allow-scripts allow-top-navigation |
Active un ensemble de restrictions supplémentaires pour le contenu de l'iframe. |
défilement | oui non auto |
Détermine l'action de la barre de défilement |
sans couture | sans couture | Spécifie que l'iframe doit ressembler à une partie du document contenant |
src | URL | Emplacement du fichier de contenu du cadre |
srcdoc | Code HTML | Spécifie le contenu HTML de la page à afficher dans l'iframe |
largeur | pixels | Spécifie la largeur du cadre en ligne. |
Attributs d'événement
Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML
Prise en charge du navigateur
Chrome | Firefox | C'EST À DIRE | Opéra | Safari | Android |
---|---|---|---|---|---|
Oui | Oui | Oui | Oui | Oui | Oui |