communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Donnez un exemple pour expliquer la différence entre iframe et frame en HTML

Donnez un exemple pour expliquer la différence entre iframe et frame en HTML

高洛峰
Libérer： 2017-02-18 15:54:34
original
1358 Les gens l'ont consulté

Je ne sais pas si vous avez utilisé l'attribut frameset dans votre projet. J'ai utilisé l'attribut frameset l'année dernière dans la production d'un système de service client en ligne, car le système de service client doit avoir une disposition fixe, une au-dessus. , un ci-dessous, etc. À ce moment-là, utilisez simplement frameset et frame. Après avoir utilisé ces attributs, j'ai compris la différence entre iframe et frame. Parce qu'avant cela, je n'utilisais généralement pas de frames dans mes projets, et si je le faisais, j'utiliserais des iframes.

Parlons des différences spécifiques ! Les points suivants sont résumés.

1. Le cadre ne peut pas être utilisé seul sans frameSet, l'iframe peut

2. 🎜 >Les éléments suivants peuvent être affichés normalement : 

<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--<body>-->
Copier après la connexion
Les éléments suivants ne peuvent pas être affichés normalement : 

<body>    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<body>
Copier après la connexion
Au contraire, si l'iframe est placé sous l'attribut frameSet, il doit être placé dans le corps 

<body>    
  <frameset>     
    <iframe   name="frame1"   src="test1.htm"/>     
    <iframe   name="frame2"   src="test2.htm"/>     
  </frameset>     
</body>
Copier après la connexion

3. iframe est une balise html et peut être utilisée n'importe où en html, mais le cadre ne le peut pas. 

<body>    
   <iframe   name="frame1"   src="test1.htm"/>     
   <iframe   name="frame2"   src="test2.htm"/>     
</body>  
  
<table>    
<tr>    
<td><iframe id="" src=""></iframe></td><td></td>    
</tr>    
</table>
Copier après la connexion
Le cadre doit être imbriqué dans le frameSet et ne peut pas être utilisé dans des balises telles que table.

4. La hauteur du cadre ne peut être contrôlée que via frameSet ; iframe peut être contrôlée par elle-même, pas via frameSet

<🎜. >
<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--</body>-->    
  
<body>    
<frameset>    
   <iframe height="30%"  name="frame1"   src="test1.htm"/>     
   <iframe height="100"  name="frame2"   src="test2.htm"/>     
</frameset>    
</body>
Copier après la connexion
5. Si plus de deux iframes sont utilisées sur la même page, elle s'affichera normalement dans IE, mais seule la première sera affichée dans Firefox si plus de deux iframes sont utilisées, elle s'affichera normalement ; dans IE et Firefox

Pour plus d'exemples expliquant la différence entre iframe et frame en HTML, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Étiquettes associées：
frame html iframe
source：php.cn
Article précédent：méthode HTML CSS pour contrôler div ou table à fixer à une position spécifiée Article suivant：Comment implémenter la méthode d'obtention du nombre dynamique de mots restants dans la zone de texte
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal