La différence entre le cadre HTML, iframe, Frameset

Auteur：Eve Cole Date de mise à jour：2025-06-15 13:16:01

10.4.1 La différence entre le jeu et le cadre

Tout d'abord, expliquons la différence entre Frameset et Frame.

<FrameSet> </ FrameSet> est utilisé pour diviser les trames, chaque trame est marquée par <Frame> </-Frame>. <Frame> </srame> doit être utilisé dans <FrameSet> </ FrameSet>, le code est le suivant:

</ FrameSet>

Dans l'exemple ci-dessus, <FrameSet> </ FrameSet> divise la page en deux parties, la page de la trame gauche est admin_left.htm, et la page dans le cadre droit est admin_center.htm.

Remarque: L'ordre du cadre des balises <srame> </-frame> est laissé à droite ou de haut en bas.

La différence entre les deux est la suivante:

● <FrameSet> est une balise de trame, indiquant que le document de la page Web est composé d'un cadre et définit la disposition des cadres qui composent le cadre défini dans le document.

● <Frame> est utilisé pour définir les propriétés de chaque trame qui constitue le cadre.

10.4.2 Paramètres de paramètres de jeu d'ordre

<FrameSet> doit définir certains paramètres spécifiques, qui déterminent directement la disposition de toute la page. Le code est le suivant:

Les paramètres des paramètres et leurs significations du code précédent sont indiqués dans le tableau 10.3.

Tableau 10.3 Paramètres de jeu de cadres

paramètre	illustrer
Frontière	Réglez l'épaisseur du cadre en pixels
caoutchouc	Définissez s'il faut afficher la bordure du cadre, 0 n'est pas affiché, 1 s'affiche
Espages de trames	Indique la distance entre le cadre
Frontière	Définir la couleur de la bordure du cadre
Rangée	Divisez le document en cadres supérieur et inférieur. La valeur après la ligne peut être une valeur ou un pourcentage numérique. * signifie que l'espace restant est occupé. Le nombre de valeurs numériques représente le nombre de trames divisées horizontalement. Par exemple, Rows = "210, , 10%", ce qui signifie que la page est divisée en trois pages de trame supérieur, moyenne et inférieure. Le cadre supérieur occupe 210px, le cadre inférieur occupe 10% de l'ensemble du document, et l'espace restant est occupé par le cadre moyen. est un concept relatif, tel que Row = *, ce qui signifie qu'il n'y a pas de structure supérieure et inférieure dans la page.
Collègues	Définir la même chose que la ligne

10.4.3 Paramètres des paramètres de trame

Concernant le réglage des paramètres de trame, le code est le suivant:

Comme indiqué dans le tableau 10.4.

Tableau 10.4 Paramètres de trame

paramètre	illustrer
Nom	Le nom du cadre de réglage doit être en anglais
SRC	Définissez le chemin et le nom de la page affichés dans le cadre, qui peuvent être des chemins relatifs ou absolus.
Marge	Indique la distance entre les bords gauche et droit du cadre
Marginheight	Indique la distance des bords supérieur et inférieur du cadre
Défilé	Définissez s'il faut afficher les barres de défilement dans le cadre, oui s'affiche, NON ne s'affiche pas, Auto signifie que les barres de défilement sont automatiquement affichées lorsque le contenu de la page de trame dépasse la taille du cadre.
Caoutchouc	Définissez s'il faut afficher la bordure du cadre, 0 n'est pas affiché et 1 s'affiche
Noner	Définissez si l'utilisateur peut modifier la taille de cette trame. Sans définir cet élément, la visionneuse peut tirer le cadre à volonté et modifier la taille du cadre.
Espages de trames	Indique la distance entre le cadre
Frontière	Définir la couleur de la bordure du cadre

10.4.4 La différence entre le cadre et l'Iframe

Le cadre et l'IFRAME peuvent atteindre essentiellement les mêmes fonctions, mais Iframe a plus de flexibilité que le cadre.

Les balises IFRAME sont également appelées balises de trame flottantes. Ils peuvent être utilisés pour intégrer un document HTML dans un écran HTML. La plus grande différence entre celle-ci et la balise de trame est que le contenu contenu dans <frame> </frame> intégré dans la page Web est un ensemble avec toute la page, tandis que le contenu contenu dans <Frame> </srame> est un individu indépendant et peut être affiché indépendamment. De plus, l'application IFRAME peut également afficher le même contenu plusieurs fois sur la même page sans avoir à répéter le code de ce contenu.

La page illustrée à la figure 10.21 est d'utiliser IFRAME pour créer des liens de pagination en haut et en bas de la page. Les codes en haut et en bas sont les mêmes. Vous n'avez qu'à intégrer le même fichier dans la page Web, et il n'est pas nécessaire d'écrire le code à plusieurs reprises. Pour l'effet réel de cette affaire, veuillez vous référer à l'affaire /frame/iframe/see_infomore_iframe.htm dans le CD-ROM de Book-Accessor.

10.4.5 Set Iframe Transparent

IFRAME a un autre avantage plus grand, à savoir qu'il peut définir le cadre pour être transparent afin que l'arrière-plan dans le cadre soit le même que l'arrière-plan de la page principale. Dans l'exemple ci-dessus, les lecteurs prudents trouveront ce problème. Expliquons en détail comment définir la transparence de l'IFRAME. Les étapes de fonctionnement spécifiques sont les suivantes:

(1) Ouvrez le cas / trame / iframe / See_infomore_iframe1.htm dans le CD d'allocation de livres.

(2) Parcourez le fichier sur cette page dans le navigateur et constatez que l'arrière-plan de la cellule d'origine est écrasé dans la zone où l'iframe est inséré, ce qui n'est pas l'effet souhaité.

(3) Ouvrez la page Page.htm, passez à la vue de code et insérez le code dans la balise <body> comme suit:

Figure 10.21 Utilisation d'Iframe pour créer une page tournure

(4) Commutation voir_infomore_iframe1.htm à la vue de code et afficher le code pour insérer la cellule iframe sur la page comme suit:

</td>

(5) Dans la balise <frame>,

Les paramètres des paramètres et leur signification du code précédent

allowTransparency = "true"

(6) Le code cellulaire pour l'insertion de l'Iframe pour le moment est le suivant:

(7) Enregistrer les deux pages pages.htm et voir_infomore_iframe1.htm pour parcourir l'effet dans le navigateur.