Analyse sur l'utilisation de la balise frameset, de la balise frame et de la balise iframe

frame est une connaissance qu'il faut maîtriser en développement web. Par exemple, la structure d'arrière-plan , l'actualisation partielle et la segmentation de page sont toutes des utilisations de cadres, en particulier pour la production de pages d'arrière-plan. L'utilisation de cadres offrira aux utilisateurs une expérience très confortable.

Les points de connaissance du cadre incluent (balise frameset, balise frame, balise iframe).

1. >

1 Attributs<.>

①border

Définissez l'épaisseur de la bordure du cadre.

②bordercolor

Définissez la couleur de la bordure du cadre.

③frameborder

Définir s'il faut afficher la bordure du cadre. Les valeurs de réglage sont uniquement 0 et 1 ; 0 signifie aucune bordure, 1 signifie afficher la bordure.

④cols

Divisez la page verticalement. Il existe trois méthodes de représentation numérique : "30%, 30 (ou 30px), *" ; le nombre de valeurs représente le nombre de fenêtres divisées et les valeurs sont séparées par ",". « 30 % » signifie que la zone du cadre occupe 30 % de la surface totale de la page du navigateur ; « 30 » signifie que la largeur horizontale de la zone est de 30 pixels ; « * » signifie que la zone occupe l'espace restant de la page. Par exemple : cols="25%,200,*" Indique que la page est divisée en trois parties, la partie gauche représentant 30 % de la page, la largeur horizontale centrale étant de 200 pixels et le reste de la page étant la partie droite.

⑤lignes

Divisez la page horizontalement. La méthode de représentation numérique et la signification sont les mêmes que celles des colonnes.

⑥framepacing

Définir les frames vs. L'espace blanc restant entre eux.

2. Cas d'utilisation

Remarque 1 :

Essayez de ne pas utiliser les attributs cols et rows dans le même < frameset> utilisé dans les étiquettes. Pour implémenter l'architecture ci-dessous, la bonne façon d'écrire le code est :

< frame src="???" name="topFrame" scrolling="Non" noresize="noresize" id="topFrame"/>

< ;frameset cols="213,*" frameborder="no" border="0" framespacing="0">

 

  < frame src= "???" name="mainFrame" id="mainFrame"/>

[Autrement dit, si vous souhaitez utiliser les deux colonnes et les lignes, vous pouvez utiliser l'implémentation imbriquée Frameset]

Note 2 :

signifie : le premier cadre occupe l'ensemble du navigateur représente 40 % de la fenêtre, l'espace restant est réparti équitablement entre les deux autres cadres.

signifie : la fenêtre du navigateur est divisée en quatre parties égales.

2. >

1. Attributs

①name

Définissez le nom du cadre. Cette propriété doit être définie.

②src

Définit le nom ou le chemin de la page Web à afficher par ce cadre. Cette propriété doit être définie.

③défilement

Définissez s'il faut afficher les barres de défilement. Les valeurs de réglage sont auto, oui et non.

④bordercolor

Définir la bordure de la couleur du cadre.

⑤frameborder

Définir s'il faut afficher le cadre du cadre. Les valeurs de réglage sont uniquement 0 et 1 ; 0 signifie aucune bordure, 1 signifie afficher la bordure.

⑥noresize

Définir la taille du cadre si Peut être ajusté manuellement.

⑦marginwidth

Définissez la largeur entre la bordure du cadre et le contenu qu'il contient.

⑧marginhight

Définit la hauteur entre les limites du cadre et le contenu qu'il contient.

⑨width

Définissez la largeur du cadre.

⑩hauteur

Définissez la hauteur du cadre.

2. Cas d'utilisation

3.iframe

est un cadre flottant. Ses attributs communs sont similaires au cadre. Les autres attributs principaux sont les suivants (les mêmes ne seront pas répertoriés)

1. Attribut

①aligner

Définir l'alignement vertical ou horizontal

②allowTransparency

Définit ou obtient l'objet Que cela puisse être transparent.

2. Cas d'utilisation

Remarque :

La méthode de vérification de la balise iframe est différente de celle du frameset et de la balise frame, il s'agit de XHTML 1.0 Transitional. Et iframe est placé dans la balise body, tandis que frameset et frame sont placés à l'extérieur de la balise body.

4. Exemples complets

</span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"><corps> 🎜></span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><p>Désolé, votre navigateur ne prend pas en charge les "frames" ! </p><span style="font-family:Microsoft YaHei"></span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"></body><span style="font-family:Microsoft YaHei"></span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"></noframes&gt ;<span style="font-family:Microsoft YaHei"></span></span></p><p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"></frameset><span style="font-family:Microsoft YaHei"></span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"></html><span style="font-family:Microsoft YaHei"> </span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)">[Explication]<span style="font-family:Microsoft YaHei"></span></span></p> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><noframes> Les paires d'indicateurs sont utilisées pour afficher des informations sur du texte ou des images dans les navigateurs qui ne prennent pas en charge les cadres. Cette paire de balises est immédiatement suivie de la paire de balises avant que l'une des balises familières puisse être utilisée.

Un dernier point doit être souligné :

Si vous écrivez le code dans VS comme je l'ai écrit ci-dessus, une erreur sera signalée, par exemple :

ou

La solution est la suivante :

Outils→Options→TexteÉditeur→HTML→Validation→Internet Explorer 6.0

D'accord, grâce au contenu ci-dessus, si vous pratiquez davantage, vous Vous vous familiariserez progressivement avec le cadre. Si vous l'utilisez bien, vous constaterez qu'il est vraiment bien. Quant à la méthode event de la balise frame series, elle n'est généralement pas très utilisée. Si nécessaire, vous pouvez la vérifier vous-même. [Haha, en fait, je ne l'ai pas encore utilisé]

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!