Un cadre divise une fenêtre de navigateur en plusieurs volets indépendants, chacun contenant une page HTML indépendante.
1. Concepts de base du cadre
Les utilisateurs peuvent charger ou recharger le contenu d'un volet individuel via des cadres sans recharger l'intégralité du contenu de la fenêtre du navigateur. Par rapport aux frames, l'ensemble des frames correspondant à l'intégralité de la fenêtre du navigateur est appelé un frameset.
En HTML, utilisez la balise frameset <frameset> pour diviser le cadre de la page, et utilisez l'attribut rows (ou cols) pour indiquer le nombre de lignes (ou de colonnes) du cadre et la proportion de la fenêtre qu'il occupe.
Le rôle du cadre de fenêtre :
Il s'agit de diviser la page Web en plusieurs pages HTML, c'est-à-dire de diviser l'écran de la fenêtre en plusieurs petites fenêtres, et dans chaque petite fenêtre, différentes pages Web peuvent être affichées, et dans le navigateur, une page complète est formée, donc celui dans le navigateur L'effet de parcourir différentes pages Web en même temps.
Les plus grandes fonctionnalités des pages Web frame :
Sans modifier la mise en page de la page entière, les pages HTML peuvent être liées les unes aux autres pour atteindre l'objectif d'obtenir le contenu requis sans tourner la page. Cette fonctionnalité le rend en grande partie unique dans l'affichage de documents électroniques.
2. Balises de jeu de cadres
Syntaxe de base :
<ensemble de cadres>
<cadre>
<cadre>
…
</frameset>
Explication de la syntaxe : Un jeu de cadres est une page HTML qui définit un ensemble de structures de cadres dans un document. Il n'y a pas de balise <BODY> dans cette page. Les jeux de cadres définissent le nombre, la taille et les pages de chargement des cadres affichés dans une fenêtre.
Note 1 : Le composant cadre de fenêtre défini par la balise <Frameset> est équivalent au composant de thème de fichier défini par la balise <BODY> Par conséquent, la balise <Frameset> ne peut pas être incluse dans la balise <BODY>, sinon le <Frameset. > la balise ne fonctionnera pas correctement.
Remarque 2 : La balise <Frame> est utilisée pour définir une sous-fenêtre. Puisqu'il n'y a pas de balise de fin, la balise est uniquement utilisée pour définir divers attributs dans la balise afin de contrôler le cadre de fenêtre qu'elle représente.
(1) Attributs de fenêtre divisée gauche et droite Cols
Syntaxe de base :
<frameset cols="valeur,valeur,...">
<cadre>
<cadre>
…
</frameset>
Explication de la syntaxe : Value définit la valeur de largeur de chaque image. L'unité peut être des pixels ou des pourcentages.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
L'effet est comme le montre la figure :
(2) Lignes d'attributs de fenêtre divisée supérieure et inférieure
Syntaxe de base :
<frameset rows="valeur,valeur,...">
<cadre>
<cadre>
…
</frameset>
Explication de la syntaxe : Value définit la valeur de largeur de chaque image. L'unité peut être des pixels ou des pourcentages.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
L'effet est comme le montre la figure :
(3) Fenêtres divisées imbriquées
Syntaxe de base :
<frameset cols="valeur,valeur,...">
<cadre>
<frameset rows="valeur,valeur,...">
<cadre>
<cadre>
…
</frameset>
<cadre>
…
</frameset>
Explication de la syntaxe : les fractionnements peuvent être imbriqués.
<html><head><title>Fenêtres fractionnées imbriquées</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><frame><frame></frameset></frameset></html>
L'effet est le suivant :
(4) Attribut de largeur de bordure du jeu de cadres FrameSpacing
Syntaxe de base :
<frameset FrameSpacing="VALUE">
Explication de la syntaxe : Définissez la largeur de la bordure du jeu de cadres en pixels.
(5) Attribut de couleur de bordure du jeu de cadres Bordercolor
Syntaxe de base :
<frameset BorderColor="COLOR_VALUE">
Explication de la syntaxe : Définissez la couleur de la bordure du jeu de cadres.
3. Balise de cadre <Frame> :
(1) Attribut de fichier source de la page de cadre SRC
Syntaxe de base :
<frame src="FILE_NAME">
Explication de la syntaxe : Chaque cadre a une page Web affichée et l'attribut SRC définit le chemin du fichier de la page du cadre.
(2) Nom de l'attribut du nom du cadre
Syntaxe de base :
<frame src="FILE_NAME" name="Frame_name">
Explication de la syntaxe : Vous pouvez nommer chaque lien. Le nom est utilisé pour la description du lien et du script de la page et n'affecte pas l'affichage de la page.
Règles de dénomination : un seul mot peut avoir un trait de soulignement "_", doit commencer par une lettre et est sensible à la casse.
(3) Propriété d'affichage de la bordure du cadre FrameBorder
Syntaxe de base :
<frame src="FILE_NAME" frameborder="VALUE">
Explication de la syntaxe : Si VALEUR est 0, la bordure ne sera pas affichée, et si elle est 1, la bordure sera affichée.
Remarque 1 : La propriété Frameborder peut être utilisée pour contrôler les environs du cadre de la fenêtre et s'il faut afficher le cadre.
Remarque 2 : Cet attribut peut être utilisé dans la balise <Frameset> et la balise <Frame>. Lorsqu'il est utilisé dans la balise <Frameset>, il peut contrôler toutes les fenêtres enfants du cadre de la fenêtre. Lorsqu'il est utilisé dans la balise <Frame>, seule la sous-fenêtre représentée par la balise peut être contrôlée.
Remarque 3 : 0 signifie ne pas afficher la ligne du cadre, 1 signifie afficher la ligne du cadre et sa valeur par défaut est 1.
(4) Propriété d'affichage de la barre de défilement du cadre Défilement
Syntaxe de base :
<frame src="FILE_NAME" scrolling="VALUE">
Explication de la syntaxe : Si la valeur VALEUR est OUI, la barre de défilement sera affichée, si elle est NON, la barre de défilement ne sera pas affichée, et si elle est AUTO, elle déterminera automatiquement s'il faut afficher la barre de défilement en fonction de la page. longueur.
(5) Attribut d'ajustement de la taille du cadre NoResize
Syntaxe de base :
<frame src="FILE_NAME" NoResize>
Explication de la syntaxe : NORESIZE interdit de modifier la taille du cadre.
(6) Attribut de largeur de bord du cadre MarginWidth
Syntaxe de base :
<frame src="FILE_NAME"
MargeLargeur="valeur">
Explication de la syntaxe : MarginWidth définit les marges gauche et droite du cadre.
(7) Attribut de hauteur de bord du cadre MarginHeight
Syntaxe de base :
<frame src="FILE_NAME"
MargeHauteur="valeur">
Explication de la syntaxe : MarginHeight définit les marges supérieure et inférieure du cadre.
4. Les balises de cadre ne sont pas prises en charge
À utiliser avec les navigateurs qui ne prennent pas en charge la technologie Frame.
Syntaxe de base :
<frameset cols="valeur,valeur,...">
<cadre>
<cadre>
…
<Pas de cadres>
…
</Noframes>
</frameset>
5. Cadre flottant
Un cadre flottant est une page de cadre spécial qui imbrique des sous-fenêtres dans la fenêtre du navigateur, puis y affiche le contenu de la page.
Syntaxe de base : <IFRAME>……</IFRAME>
6. Cadres et liens
Un objectif important de l’utilisation des cadres est d’afficher différentes pages dans différents cadres.
Principalement via l' attribut "Target" du lien pour définir le cadre et la fenêtre dans lesquels la page liée est affichée.