Une fenêtre de document de navigateur ne peut afficher qu'un seul fichier de page Web, mais il peut afficher plus d'une page dans la même fenêtre de navigateur en utilisant un framework. La page utilisant une trame contient principalement deux parties, l'une est l'ensemble de trame et l'autre est le fichier de trame spécifique.
Le cadre est principalement utilisé pour la disposition des systèmes de backend ou d'intranet de site Web.
1. FrameSet (<FrameSet> </ FrameSet>): Il est utilisé pour définir ce fichier HTML en mode Framework et définir le fichier comment diviser la fenêtre. Pour le dire simplement, un ensemble de framework est un fichier qui stocke la structure Framework et un fichier d'entrée qui accède au fichier Framework. Si une page Web se compose de deux cadres gauche et droite, en plus des deux fichiers de page Web gauche et droite, il existe également un fichier de définition de trame totale. Dans une page qui utilise un cadre, la balise corporelle <body> est remplacée par la balise de trame <Frameset>. Pour chaque trame contenue dans la page Frame, elle est définie par la balise <trame>.Attribut de lignes: fenêtre divisée horizontale. Une fenêtre divisée horizontale consiste à couper la page dans une direction horizontale, c'est-à-dire pour diviser la page en plusieurs fenêtres disposées de haut en bas. Plusieurs valeurs peuvent être prises en lignes, chaque valeur représente la largeur horizontale d'une fenêtre de cadre et ses unités peuvent être des pixels ou des pourcentages du navigateur. Cependant, il convient de noter que, généralement, lors de la définition des valeurs de plusieurs lignes, il existe plusieurs cadres, c'est-à-dire qu'il existe des paramètres de nombre <trame> correspondants.
<Html> <A-Head> <Title> Effet de la fenêtre de fractionnement horizontal </TITAL> </EAD> <FrameSet Rows = 30%, 70 %> <Frame> <Stration> </srameset> </html>
Propriété COLS: fenêtre divisée verticale. Une fenêtre divisée verticale consiste à diviser la page en plusieurs fenêtres dans une direction verticale, c'est-à-dire pour diviser la page en plusieurs fenêtres disposées à gauche et à droite. Plusieurs valeurs peuvent être prises en COL, chaque valeur représente la largeur horizontale d'une fenêtre de cadre et ses unités peuvent être des pixels ou des pourcentages du navigateur. Comme la fenêtre de segmentation horizontale, généralement lors de la définition des valeurs de plusieurs cols, il existe plusieurs cadres, c'est-à-dire plusieurs paramètres <trame>.
<Html> <A-Head> <Title> L'effet de la fenêtre verticale de la fenêtre </tapie> </ head> <frameset Cols = 20%, 55%, 25 %> <Frame> <Stracle> <Stracle> <Frame> </ FrameSet> </html>
Propriété d'adresse: Fixation de la bordure. Par défaut, il y a une ligne de bordure autour de la fenêtre du cadre. Le paramètre Frameborder peut être utilisé pour ajuster l'affichage de la ligne de bordure. La syntaxe est:
<FrameSet FrameBorder = s'il est affiché> ou <FrameFrameBorder = s'il est affiché>. La valeur de Frameborder ne peut être que 0 ou 1. Si la valeur est 0, la ligne de bordure sera cachée; Si la valeur est 1, la ligne de bordure sera affichée. Le réglage dans Frameset sera valable pour l'ensemble du cadre, et le réglage dans le cadre ne sera valide que pour le cadre actuel.
<Html> <A-head> <ititle> Définissez l'effet d'affichage de la bordure de la fenêtre de cadre </title> </ head> <FrameSet Rows = 20%, 55%, 25%> <FrameFrameBorder = 1> <Frameset Cols = 35%, 65% FrameBorder = 0> <Frame> <Drame> </ FrameSet> <trameFrameForder = 0> </Frameset>
Propriété de l'espacement des cadres: la largeur de bordure du cadre. La largeur de la bordure du cadre est de 1 pixel par défaut, et il peut être redimensionné par le paramètre.
Syntaxe: <FrameSet Framespacing = Largeur de bordure>
Remarque: La largeur de la bordure est la largeur de la ligne entre chaque bordure de la page, en pixels. Ce paramètre ne peut être utilisé que pour les ensembles de framework et n'est pas valide pour un seul cadre.
<Html> <A-Head> <Title> Définissez la largeur de la bordure du trame </TITAL> </EAD> <FrameSet Rows = 30%, 70% Framespacing = 10> <Sird> <FrameSet Cols = 20%, 55%, 25% Framespacing = 30> </ HTML>
Propriété BorderColor: la couleur de la bordure du cadre. Utilisez le paramètre BorderColor pour définir la couleur de la bordure de l'ensemble de trame.
Syntaxe: <FrameSet BorderColor = Code couleur>
Remarque: Ce paramètre est également valable uniquement pour l'ensemble du framework et n'est pas valable pour un seul cadre.
<Html> <A-Head> <Title> Définissez la couleur de la bordure du trame </ title> </ head> <FrameSet Rows = 30%, 70% Framespacing = 10 BorderColor = # CC99FF> <Frame> <FrameSet Cols = 20%, 55%, 25% Framespacing = 30 BorderColor = # 9900FF> <Dation> <Drame> <Drame> </html>2. Frame (<srame>) et attributs SRC.
Chaque page de la structure du cadre est un texte distinct, et ces fichiers sont définis via le paramètre SRC.
Syntaxe: <frame src = page d'adresse de fichier source de page>
Remarque: Le fichier de page est le contenu spécifique de la page de trame. Il n'a aucun effet sur un cadre sans définir le fichier source et juste une page vierge. Le fichier source de la page peut être un fichier HTML normal, ou une image ou un autre fichier.
<html> <éad- head> <ititle> SET Page Fichier source </ title> </ head> <FrameSet Rows = 30%, 70%> <frame src = pic01.gif> <frame src = src01.html> </ frameset> </html>3. <noframes> </oframes> Tags
La balise <noframes> </ noframes> est utilisée pour afficher le contenu de la page lorsque le navigateur ne prend pas en charge les trames.
<html> <frameset Cols = 25%, 50%, 25%> <frame src = / example / html / frame_a.html> <frame src = / example / html / frame_b.html> <frame src = / example / html / frame_b.html> <trame src = / example / html / frame_c. <NOFRAMES> <BODGE> Votre navigateur ne peut pas gérer le cadre! </ body> </ noframes> </ frameset> </html>2. Cadre flottant (<frame>)
Un cadre flottant est un cadre relativement spécial. Il niche une fenêtre enfant dans une fenêtre de navigateur. Autrement dit, la page entière n'est pas une page de trame, mais elle contient une fenêtre de trame. Affichez le contenu de la page correspondant dans la fenêtre du cadre. Les cadres flottants sont également appelés cadres en ligne, et ils sont donc nommés.
Syntaxe: <iframe src = fichier source de page> </ iframe>
Remarque: Semblable à la structure du cadre ordinaire, un cadre flottant peut également définir de nombreux paramètres, tels que le nom, le défilement, le cadre, etc. Cependant, par rapport aux cadres ordinaires, le cadre flottant ne contient pas de paramètres de trames et de borderColor.
Attribut SRC: Le paramètre le plus élémentaire dans un cadre flottant est SRC. Il est utilisé pour définir l'adresse du fichier source de la page Framework flottante et est également un paramètre nécessaire pour la page Framework flottante. Parce que ce n'est que lorsque le contenu du fichier source est défini, le cadre flottant est logique. Syntaxe: <iframe src = fichier source de page>
Propriétés de largeur et de hauteur: dans une structure de cadre normale, puisque le cadre est la fenêtre du navigateur entier, il n'a pas besoin de régler sa taille. Cependant, dans un cadre flottant, il est inséré dans une page HTML normale, et toute la trame peut être redimensionnée. Syntaxe: <iframe src = src = trame flottante Page de page Source Width = Page Largeth Height = Page Height>, les valeurs de largeur et de hauteur de la page sont en pixels.
<html> <body> <iframe src = / i / eg_landscape.jpg width = 550 height = 310> </ iframe> <p> Certains anciens navigateurs ne prennent pas en charge les iframes. </p> <p> Si cela est pris en charge, l'IFRAME n'est pas visible. </p> </ body> </html>3. Un exemple de disposition du cadre
<Html> <A-head> <ititle> Frame Homepage </Title> </ Head> <FrameSet Rows = 20%, *> <! - Set FrameSet, conteneur pour le fichier de contrôle -> <frame name = topfame src = 3.html noresize /> <Frameet Cols = 240px, *> <camerframe = leftrame src = 1.html /> <camer src = 2.html marginwidth = 20px Scrolling = no /> </ frameset> <noframes> <! - Les balises noframes peuvent contenir des balises corporelles -> <corps> Cette page ne prend pas en charge les balises de Frameset! </ body> </ noframes> </ frameset> </html>4. Comment sortir du cadre des liens
Dans la disposition du backend du site Web, les cadres sont utilisés plus fréquemment. Dans de nombreux cas, nous devons sortir du cadre et recharger la page. Alors, comment les liens peuvent-ils sortir du cadre? En fait, il vous suffit de spécifier l'attribut cible de la balise <a> </a> pour être _top. Voici un exemple simple.
<html> <body> <p> est-il verrouillé dans le cadre? </p> <a href = / index.html cible = _top> Veuillez cliquer ici! </a> </ body> </ html>