Maison > interface Web > tutoriel HTML > Quelles sont les différences entre iframe et frame en HTML ?

Quelles sont les différences entre iframe et frame en HTML ?

php中世界最好的语言
Libérer: 2018-01-23 10:17:40
original
1947 Les gens l'ont consulté

Cette fois je vais vous présenter les différences entre iframe et frame en HTML, et quelles sont les précautions d'utilisation d'iframe et frame en HTML Voici un cas pratique, jetons un oeil.

Je ne sais pas si vous avez utilisé l'attribut frameset dans votre projet. L'attribut frameset a été utilisé par moi dans la production d'un système de service client en ligne l'année dernière, car le système de service client doit avoir un disposition fixe, une en haut, une en bas, etc. Attendez, frameset et frame étaient utilisés à cette époque. 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é indépendamment de frameSet, l'iframe peut

2. Le cadre ne peut pas être placé dans le corps

Il peut être affiché normalement comme suit :

<!--<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 Vous pouvez l'utiliser n'importe où en HTML, mais pas frame.

<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 par frameSet ; l'iframe peut être contrôlée par elle-même, mais ne peut pas être contrôlée par 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. utilisé sur la même page, il peut être affiché normalement dans IE, mais seul le premier peut être affiché dans Firefox en utilisant deux cadres ou plus peut fonctionner normalement dans IE et Firefox


Je crois l'avoir lu. Vous maîtrisez les méthodes dans ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture connexe :

Comment h5 et c3 peuvent animer le mouvement des planètes du système solaire

Connaissances de base HTML , à propos d'Introduction détaillée au style des paramètres des liens hypertexte

Résumé des connaissances des paragraphes HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal